/ *！@执照
*
* 纽扣
*版权所有2012-2014 Alex Wolfe和Rob Levin
*
*根据Apache许可证2.0版（“许可证”）获得许可;
*除非符合许可，否则您不得使用此文件。
*您可以在以下位置获取许可证副本
*
* http://www.apache.org/licenses/LICENSE-2.0
*
*除非适用法律要求或书面同意，否则软件
*根据许可证分发的“按现状”分发，
*不附带任何明示或暗示的保证或条件。
*有关管理权限的特定语言，请参阅许可证
*许可证下的限制。
* /
/ *
*指南针（可选）
*
*我们建议使用autoprefixer而不是Compass
*使用按钮时。但是，按钮确实支持指南针。
*只需将$ ubtn-use-compass更改为true并取消注释
*下面的@import'指南针'代码使用指南针。
* /
/ *
*必填文件
*
*这些文件包括变量和选项
*和生成按钮所需的基本CSS样式。
* /
/ *
* $ ubtn前缀（保留）
*
*此前缀代表Unicorn Button  -  ubtn
*我们为Sass变量提供前缀
*防止可能发生的命名空间冲突
*您导入按钮作为Sass构建过程的一部分。
*我们恳请您不要在项目中使用前缀$ ubtn
*以避免可能的名称冲突。谢谢！
* /
/ *
*按钮命名空间（例如.button或.btn）
*
* /
/ *
*按钮默认值
*
*整个按钮库中使用的一些默认设置。
*所有其他模块将选择对这些设置的更改。
*此处使用的颜色是基本按钮的默认颜色（灰色）。
*字体大小和高度用于设置按钮的基本大小。
*尺寸值将用于计算更大和更小的按钮尺寸。
* /
/ *
*按钮颜色
*
* $ ubtn-colors用于生成不同的按钮颜色。
*编辑或添加颜色到下面的列表并重新编译。
*每个块包含（名称，背景，颜色）
*使用以下名称生成类:(例如.button-primary）
* /
/ *
*按钮形状
*
* $ ubtn-shapes用于生成不同的按钮形状。
*编辑或添加形状到下面的列表并重新编译。
*每个块包含（名称，边界半径）。
*使用以下名称生成类:(例如.button-square）。
* /
/ *
*按钮尺寸
*
* $ ubtn-sizes用于生成不同的按钮大小。
*编辑或添加颜色到下面的列表并重新编译。
*每个块包含（名称，大小乘数）。
*使用以下名称生成类:(例如.button-giant）。
* /
/ *
* Color Mixin
*
*迭代颜色列表并创建
*
* /
/ *
*没有动画
*
*将animation属性设置为none
* /
/ *
* Clearfix
*
*清除容器内的浮子
* /
/ *
*基本按钮样式
*
* .button类的默认值
* /
.button {
  颜色：＃666;
  背景颜色：#EEE;
  border-color：#EEE;
  font-weight：300;
  font-size：16px;
  font-family：“Helvetica Neue Light”，“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，sans-serif;
  text-decoration：none;
  text-align：center;
  line-height：40px;
  身高：40px;
  填充：0 40px;
  保证金：0;
  display：inline-block;
  外观：无;
  游标：指针;
  border：none;
  -webkit-box-sizing：border-box;
     -moz-box-sizing：border-box;
          box-sizing：border-box;
  -webkit-transition-property：all;
          过渡财产：全部;
  -webkit-transition-duration：.3s;
          过渡期：.3s;
  / *
  *残疾州
  *
  *禁用状态使用类.disabled，is-disabled，
  *并且表单属性已禁用=“已禁用”。
  *仅添加！important的使用，因为这是一个状态
  *处于禁用状态时必须应用于所有按钮。
  * /}
  .button：访问过{
    颜色：＃666; }
  .button：hover，.button：focus {
    background-color：＃f6f6f6;
    text-decoration：none;
    大纲：无; }
  .button：active，.button.active，.button.is-active {
    text-shadow：0 1px 0 rgba（255,255,255,0.3）;
    text-decoration：none;
    background-color：#eeeeee;
    border-color：#cfcfcf;
    颜色：＃d4d4d4;
    -webkit-transition-duration：0s;
            过渡期：0s;
    -webkit-box-shadow：inset 0 1px 3px rgba（0,0,0,0.2）;
            box-shadow：inset 0 1px 3px rgba（0,0,0,0.2）; }
  .button.disabled，.button.is-disabled，.button：disabled {
    顶部：0！重要;
    背景：#EEE！important;
    边框：1px solid #DDD！important;
    text-shadow：0 1px 1px white！important;
    颜色：#CCC！重要;
    cursor：default！important;
    外表：没有！重要;
    -webkit-box-shadow：none！important;
            box-shadow：none！important;
    不透明度：.8！重要; }

/ *
*基本按钮Tyography
*
* /
.button-uppercase {
  text-transform：大写; }

.button-lowercase {
  text-transform：小写; }

.button-capitalize {
  text-transform：capitalize; }

.button-small-caps {
  font-variant：small-caps; }

.button-icon-txt-large {
  font-size：36px！important; }

/ *
*基础填充
*
* /
.button-width-small {
  填充：0 10px！important; }

/ *
*基色
*
*为按钮创建颜色
*（.button-primary，.button-secondary等）
* /
.button-伯，
.button-primary-flat {
  background-color：＃1B9AF7;
  border-color：＃1B9AF7;
  颜色：#FFF; }
  .button小学：参观，
  .button-primary-flat：已访问{
    颜色：#FFF; }
  .button-primary：hover，.button-primary：focus，
  .button原色平：悬停，
  .button-primary-flat：focus {
    background-color：＃4cb0f9;
    border-color：＃4cb0f9;
    颜色：#FFF; }
  .button-primary：active，.button-primary.active，.button-primary.is-active，
  .button原色平：活性，
  .button原色flat.active，
  .button-primary-flat.is-active {
    background-color：＃2798eb;
    border-color：＃2798eb;
    颜色：＃0880d7; }

.button平原，
.button-plain-flat {
  background-color：#FFF;
  border-color：#FFF;
  颜色：＃1B9AF7; }
  .button平原：参观，
  .button-plain-flat：已访问{
    颜色：＃1B9AF7; }
  .button-plain：hover，.button-plain：focus，
  .button-纯平：悬停，
  .button-plain-flat：focus {
    背景颜色：白色;
    边框颜色：白色;
    颜色：＃1B9AF7; }
  .button-plain：active，.button-plain.active，.button-plain.is-active，
  .button-纯平：活性，
  .button-纯flat.active，
  .button-plain-flat.is-active {
    背景颜色：白色;
    边框颜色：白色;
    颜色：＃e6e6e6; }

.button逆，
.button-inverse-flat {
  背景色：＃222;
  border-color：＃222;
  颜色：#EEE; }
  .button逆：参观，
  .button-inverse-flat：已访问{
    颜色：#EEE; }
  .button-inverse：hover，.button-inverse：focus，
  .button逆平：悬停，
  .button-inverse-flat：focus {
    background-color：＃3c3c3c;
    border-color：＃3c3c3c;
    颜色：#EEE; }
  .button-inverse：active，.button-inverse.active，.button-inverse.is-active，
  .button逆平：活性，
  .button-逆flat.active，
  .button-inverse-flat.is-active {
    background-color：＃222222;
    border-color：＃222222;
    颜色：＃090909; }

.button行动，
.button-action-flat {
  background-color：＃A5DE37;
  border-color：＃A5DE37;
  颜色：#FFF; }
  .button行动：走访，
  .button-action-flat：访问过{
    颜色：#FFF; }
  .button-action：hover，.button-action：focus，
  .button  - 动作 - 平：悬停，
  .button-action-flat：focus {
    background-color：＃b9e563;
    border-color：＃b9e563;
    颜色：#FFF; }
  .button-action：active，.button-action.active，.button-action.is-active，
  .button  - 动作 - 平：活性，
  .button行动，flat.active，
  .button-action-flat.is-active {
    background-color：＃a1d243;
    border-color：＃a1d243;
    颜色：＃8bc220; }

.button高亮，
.button-highlight-flat {
  background-color：＃FEAE1B;
  border-color：＃FEAE1B;
  颜色：#FFF; }
  .button-亮点：参观，
  .button-highlight-flat：visit {
    颜色：#FFF; }
  .button-highlight：悬停，.button-highlight：焦点，
  .button高亮平：悬停，
  .button-highlight-flat：focus {
    background-color：＃fec04e;
    border-color：＃fec04e;
    颜色：#FFF; }
  .button-highlight：active，.button-highlight.active，.button-highlight.is-active，
  .button高亮平：活性，
  .button高亮-flat.active，
  .button-highlight-flat.is-active {
    background-color：＃f3ab26;
    border-color：＃f3ab26;
    颜色：＃e59501; }

.button-谨慎，
.button-caution-flat {
  background-color：＃FF4351;
  border-color：＃FF4351;
  颜色：#FFF; }
  .button-注意：参观，
  .button-caution-flat：访问{
    颜色：#FFF; }
  .button-caution：hover，.button-caution：focus，
  .button-谨慎平：悬停，
  .button-caution-flat：focus {
    background-color：＃ff7680;
    border-color：＃ff7680;
    颜色：#FFF; }
  .button-caution：active，.button-caution.active，.button-caution.is-active，
  .button-谨慎平：活性，
  .button-谨慎，flat.active，
  .button-caution-flat.is-active {
    background-color：＃f64c59;
    border-color：＃f64c59;
    颜色：＃ff1022; }

.button王室，
.button-royal-flat {
  background-color：＃7B72E9;
  border-color：＃7B72E9;
  颜色：#FFF; }
  .button王室：参观，
  .button-royal-flat：访问{
    颜色：#FFF; }
  .button-royal：悬停，.button-royal：焦点，
  .button王室平：悬停，
  .button-royal-flat：focus {
    background-color：＃a49ef0;
    border-color：＃a49ef0;
    颜色：#FFF; }
  .button-royal：active，.button-royal.active，.button-royal.is-active，
  .button-皇家平：活性，
  .button王室-flat.active，
  .button-royal-flat.is-active {
    background-color：＃827ae1;
    border-color：＃827ae1;
    颜色：＃5246e2; }

/ *
*基本布局样式
*
*非常犯罪的布局样式
* /
.button块，
.button-stacked {
  显示：块; }

/ *
*按钮类型（可选）
*
*以下所有文件代表各种按钮
*类型（包括形状和大小）。这些文件都不是
* 是必要的。简单地删除下面的不需要的类型和
*按钮类型将从最终版本中排除
* /
/ *
*按钮形状
*
*此文件创建各种按钮形状
*（例如圆形，圆形，药丸）
* /
.button-square {
  border-radius：0; }

.button-box {
  border-radius：10px; }

.button-rounded {
  border-radius：4px; }

.button-pill {
  border-radius：200px; }

.button-circle {
  border-radius：100％; }

/ *
*尺寸调整为相同的高度和widht按钮
*
*删除填充并设置固定宽度。
* /
.button圈，
.button盒，
.button-square {
  填充：0！重要;
  宽度：40px; }
  .button-circle.button巨头，
  .button-box.button巨头，
  .button-square.button-giant {
    宽度：70px; }
  .button-circle.button巨无霸，
  .button-box.button巨无霸，
  .button-square.button-jumbo {
    宽度：60px; }
  .button-circle.button-大，
  .button-box.button-大，
  .button-square.button-large {
    宽度：50px; }
  .button-circle.button正常，
  .button-box.button正常，
  .button-square.button-normal {
    宽度：40px; }
  .button-circle.button小，
  .button-box.button小，
  .button-square.button-small {
    宽度：30px; }
  .button-circle.button纤巧，
  .button-box.button纤巧，
  .button-square.button-tiny {
    宽度：24px; }

/ *
*边框按钮
*
*这些按钮没有填充，只有一个
*边界定义他们的命中目标。
* /
.button-border，.button-border-thin，.button-border-thick {
  背景：无;
  border-width：2px;
  边框式：坚固;
  line-height：36px; }
  .button-border：hover，.button-border-thin：hover，.button-border-thick：hover {
    background-color：rgba（255,255,255,0.9）; }
  .button-border：active，.button-border-thin：active，.button-border-thick：active，.button-border.active，.active.button-border-thin，.active.button-border-thick， .button-border.is-active，.is-active.button-border-thin，.is-active.button-border-thick {
    -webkit-box-shadow：none;
            box-shadow：none;
    text-shadow：none;
    -webkit-transition-property：all;
            过渡财产：全部;
    -webkit-transition-duration：.3s;
            过渡期：.3s; }

/ *
*边框可选尺寸
*
*边框厚度略有变化
* /
.button-border-thin {
  border-width：1px; }

.button-border-thick {
  border-width：3px; }

/ *
*边框按钮颜色
*
*为按钮创建颜色
*（.button-primary，.button-secondary等）
* /
.button-border，.button-border-thin，.button-border-thick，
.button界薄，
.button-border-thick {
  / *
  *边框按钮大小调整
  *
  *必须调整行高以合并
  *边框的宽度。
  * /}
  .button-border.button-primary，.button-primary.button-border-thin，.button-primary.button-border-thick，
  .button-边界thin.button小学，
  .button-border-thick.button-primary {
    颜色：＃1B9AF7; }
    .button-border.button-primary：hover，.button-primary.button-border-thin：hover，.button-primary.button-border-thick：hover，.button-border.button-primary：focus，.button -primary.button-border-thin：focus，.button-primary.button-border-thick：focus，
    .button-边界thin.button小学：悬停，
    .button-边界thin.button小学：焦点，
    .button-边界thick.button小学：悬停，
    .button-border-thick.button-primary：focus {
      background-color：rgba（76,176,249,0.9）;
      color：rgba（255,255,255,0.9）; }
    .button-border.button-primary：active，.button-primary.button-border-thin：active，.button-primary.button-border-thick：active，.button-border.button-primary.active，.button -primary.active.button-border-thin，.button-primary.active.button-border-thick，.button-border.button-primary.is-active，.button-primary.is-active.button-border- thin，.button-primary.is-active.button-border-thick，
    .button-边界thin.button基色：活性，
    .button-边界thin.button-primary.active，
    .button-边界thin.button-primary.is活跃，
    .button-边界thick.button基色：活性，
    .button-边界thick.button-primary.active，
    .button-border-thick.button-primary.is-active {
      background-color：rgba（39,152,235,0.7）;
      颜色：rgba（255,255,255,0.5）;
      不透明度：.3; }
  .button-border.button-plain，.button-plain.button-border-thin，.button-plain.button-border-thick，
  .button-边界thin.button平原，
  .button-border-thick.button-plain {
    颜色：#FFF; }
    .button-border.button-plain：hover，.button-plain.button-border-thin：hover，.button-plain.button-border-thick：hover，.button-border.button-plain：focus，.button -plain.button-border-thin：focus，.button-plain.button-border-thick：focus，
    .button-边界thin.button平原：悬停，
    .button-边界thin.button平原：焦点，
    .button-边界thick.button平原：悬停，
    .button-border-thick.button-plain：focus {
      background-color：rgba（255,255,255,0.9）;
      颜色：rgba（27,154,247,0.9）; }
    .button-border.button-plain：active，.button-plain.button-border-thin：active，.button-plain.button-border-thick：active，.button-border.button-plain.active，.button -plain.active.button-border-thin，.button-plain.active.button-border-thick，.button-border.button-plain.is-active，.button-plain.is-active.button-border-瘦，.button-plain.is-active.button-border-thick，
    .button-边界thin.button平原：积极，
    .button-边界thin.button-plain.active，
    .button-边界thin.button-plain.is活跃，
    .button-边界thick.button平原：积极，
    .button-边界thick.button-plain.active，
    .button-border-thick.button-plain.is-active {
      background-color：rgba（255,255,255,0.7）;
      颜色：rgba（27,154,247,0.5）;
      不透明度：.3; }
  .button-border.button-inverse，.button-inverse.button-border-thin，.button-inverse.button-border-thick，
  .button-边界thin.button逆，
  .button-border-thick.button-inverse {
    颜色：＃222; }
    .button-border.button-inverse：hover，.button-inverse.button-border-thin：hover，.button-inverse.button-border-thick：hover，.button-border.button-inverse：focus，.button -inverse.button-border-thin：focus，.button-inverse.button-border-thick：focus，
    .button-边界thin.button逆：悬停，
    .button-边界thin.button逆：焦点，
    .button-边界thick.button逆：悬停，
    .button-border-thick.button-inverse：focus {
      background-color：rgba（60,60,60,0.9）;
      颜色：rgba（238,238,238,0.9）; }
    .button-border.button-inverse：active，.button-inverse.button-border-thin：active，.button-inverse.button-border-thick：active，.button-border.button-inverse.active，.button -inverse.active.button-border-thin，.button-inverse.active.button-border-thick，.button-border.button-inverse.is-active，.button-inverse.is-active.button-border- thin，.button-inverse.is-active.button-border-thick，
    .button-边界thin.button逆：积极，
    .button-边界thin.button-inverse.active，
    .button-边界thin.button-inverse.is活跃，
    .button-边界thick.button逆：积极，
    .button-边界thick.button-inverse.active，
    .button-border-thick.button-inverse.is-active {
      background-color：rgba（34,34,34,0.7）;
      颜色：rgba（238,238,238,0.5）;
      不透明度：.3; }
  .button-border.button-action，.button-action.button-border-thin，.button-action.button-border-thick，
  .button-边界thin.button行动，
  .button-border-thick.button-action {
    颜色：＃A5DE37; }
    .button-border.button-action：hover，.button-action.button-border-thin：hover，.button-action.button-border-thick：hover，.button-border.button-action：focus，.button -action.button-border-thin：focus，.button-action.button-border-thick：focus，
    .button-边界thin.button行动：悬停，
    .button-边界thin.button行动：重点，
    .button-边界thick.button行动：悬停，
    .button-border-thick.button-action：focus {
      background-color：rgba（185,229,99,0.9）;
      color：rgba（255,255,255,0.9）; }
    .button-border.button-action：active，.button-action.button-border-thin：active，.button-action.button-border-thick：active，.button-border.button-action.active，.button -action.active.button-border-thin，.button-action.active.button-border-thick，.button-border.button-action.is-active，.button-action.is-active.button-border-瘦，.button-action.is-active.button-border-thick，
    .button-边界thin.button行动：积极，
    .button-边界thin.button-action.active，
    .button-边界thin.button-action.is活跃，
    .button-边界thick.button行动：积极，
    .button-边界thick.button-action.active，
    .button-border-thick.button-action.is-active {
      background-color：rgba（161,210,67,0.7）;
      颜色：rgba（255,255,255,0.5）;
      不透明度：.3; }
  .button-border.button-highlight，.button-highlight.button-border-thin，.button-highlight.button-border-thick，
  .button-边界thin.button高亮，
  .button-border-thick.button-highlight {
    颜色：＃FEAE1B; }
    .button-border.button-highlight：hover，.button-highlight.button-border-thin：hover，.button-highlight.button-border-thick：hover，.button-border.button-highlight：focus，.button -highlight.button-border-thin：focus，.button-highlight.button-border-thick：focus，
    .button-边界thin.button高亮：悬停，
    .button-边界thin.button-亮点：对焦，
    .button-边界thick.button高亮：悬停，
    .button-border-thick.button-highlight：focus {
      background-color：rgba（254,192,78,0.9）;
      color：rgba（255,255,255,0.9）; }
    .button-border.button-highlight：active，.button-highlight.button-border-thin：active，.button-highlight.button-border-thick：active，.button-border.button-highlight.active，.button -highlight.active.button-border-thin，.button-highlight.active.button-border-thick，.button-border.button-highlight.is-active，.button-highlight.is-active.button-border- thin，.button-highlight.is-active.button-border-thick，
    .button-边界thin.button-亮点：积极，
    .button-边界thin.button-highlight.active，
    .button-边界thin.button-highlight.is活跃，
    .button-边界thick.button-亮点：积极，
    .button-边界thick.button-highlight.active，
    .button-border-thick.button-highlight.is-active {
      background-color：rgba（243,171,38,0.7）;
      颜色：rgba（255,255,255,0.5）;
      不透明度：.3; }
  .button-border.button-caution，.button-caution.button-border-thin，.button-caution.button-border-thick，
  .button-边界thin.button-谨慎，
  .button-border-thick.button-caution {
    颜色：＃FF4351; }
    .button-border.button-caution：hover，.button-caution.button-border-thin：hover，.button-caution.button-border-thick：hover，.button-border.button-caution：focus，.button -caution.button-border-thin：focus，.button-caution.button-border-thick：focus，
    .button-边界thin.button-谨慎：悬停，
    .button-边界thin.button-注意：焦点，
    .button-边界thick.button-谨慎：悬停，
    .button-border-thick.button-caution：focus {
      background-color：rgba（255,118,128,0.9）;
      color：rgba（255,255,255,0.9）; }
    .button-border.button-caution：active，.button-caution.button-border-thin：active，.button-caution.button-border-thick：active，.button-border.button-caution.active，.button -caution.active.button-border-thin，.button-caution.active.button-border-thick，.button-border.button-caution.is-active，.button-caution.is-active.button-border-瘦，.button-caution.is-active.button-border-thick，
    .button-边界thin.button-谨慎：积极，
    .button-边界thin.button-caution.active，
    .button-边界thin.button-caution.is活跃，
    .button-边界thick.button-谨慎：积极，
    .button-边界thick.button-caution.active，
    .button-border-thick.button-caution.is-active {
      background-color：rgba（246,76,89,0.7）;
      颜色：rgba（255,255,255,0.5）;
      不透明度：.3; }
  .button-border.button-royal，.button-royal.button-border-thin，.button-royal.button-border-thick，
  .button-边界thin.button王室，
  .button-border-thick.button-royal {
    颜色：＃7B72E9; }
    .button-border.button-royal：hover，.button-royal.button-border-thin：hover，.button-royal.button-border-thick：hover，.button-border.button-royal：focus，.button -royal.button-border-thin：焦点，.button-royal.button-border-thick：焦点，
    .button-边界thin.button王室：悬停，
    .button-边界thin.button王室：焦点，
    .button-边界thick.button王室：悬停，
    .button-border-thick.button-royal：focus {
      background-color：rgba（164,158,240,0.9）;
      color：rgba（255,255,255,0.9）; }
    .button-border.button-royal：active，.button-royal.button-border-thin：active，.button-royal.button-border-thick：active，.button-border.button-royal.active，.button -royal.active.button-border-thin，.button-royal.active.button-border-thick，.button-border.button-royal.is-active，.button-royal.is-active.button-border-瘦，.button-royal.is-active.button-border-thick，
    .button-边界thin.button王室：积极，
    .button-边界thin.button-royal.active，
    .button-边界thin.button-royal.is活跃，
    .button-边界thick.button王室：积极，
    .button-边界thick.button-royal.active，
    .button-border-thick.button-royal.is-active {
      background-color：rgba（130,122,225,0.7）;
      颜色：rgba（255,255,255,0.5）;
      不透明度：.3; }
  .button-border.button-giant，.button-giant.button-border-thin，.button-giant.button-border-thick，
  .button-边界thin.button巨头，
  .button-border-thick.button-giant {
    line-height：66px; }
  .button-border.button-jumbo，.button-jumbo.button-border-thin，.button-jumbo.button-border-thick，
  .button-边界thin.button巨无霸，
  .button-border-thick.button-jumbo {
    line-height：56px; }
  .button-border.button-large，.button-large.button-border-thin，.button-large.button-border-thick，
  .button-边界thin.button-大，
  .button-border-thick.button-large {
    行高：46px; }
  .button-border.button-normal，.button-normal.button-border-thin，.button-normal.button-border-thick，
  .button-边界thin.button正常，
  .button-border-thick.button-normal {
    line-height：36px; }
  .button-border.button-small，.button-small.button-border-thin，.button-small.button-border-thick，
  .button-边界thin.button小，
  .button-border-thick.button-small {
    line-height：26px; }
  .button-border.button-tiny，.button-tiny.button-border-thin，.button-tiny.button-border-thick，
  .button-边界thin.button纤巧，
  .button-border-thick.button-tiny {
    行高：20px; }

/ *
*边框按钮
*
*这些按钮没有填充，只有一个
*边界定义他们的命中目标。
* /
.button-borderless {
  背景：无;
  border：none;
  填充：0 8px！important;
  颜色：#EEE;
  font-size：20.8px;
  font-weight：200;
  / *
  *无边框按钮颜色
  *
  *为按钮创建颜色
  *（.button-primary，.button-secondary等）
  * /
  / *
  *边框尺寸调整
  *
  *字体大小必须大才能合并
  *缺少命中目标。
  * /}
  .button-borderless：hover，.button-borderless：focus {
    背景：无; }
  .button-borderless：active，.button-borderless.active，.button-borderless.is-active {
    -webkit-box-shadow：none;
            box-shadow：none;
    text-shadow：none;
    -webkit-transition-property：all;
            过渡财产：全部;
    -webkit-transition-duration：.3s;
            过渡期：.3s;
    不透明度：.3; }
  .button-borderless.button-primary {
    颜色：＃1B9AF7; }
  .button-borderless.button-plain {
    颜色：#FFF; }
  .button-borderless.button-inverse {
    颜色：＃222; }
  .button-borderless.button-action {
    颜色：＃A5DE37; }
  .button-borderless.button-highlight {
    颜色：＃FEAE1B; }
  .button-borderless.button-caution {
    颜色：＃FF4351; }
  .button-borderless.button-royal {
    颜色：＃7B72E9; }
  .button-borderless.button-giant {
    font-size：36.4px;
    身高：52.4px;
    line-height：52.4px; }
  .button-borderless.button-jumbo {
    font-size：31.2px;
    身高：47.2px;
    line-height：47.2px; }
  .button-borderless.button-large {
    font-size：26px;
    身高：42px;
    行高：42px; }
  .button-borderless.button-normal {
    font-size：20.8px;
    身高：36.8px;
    line-height：36.8px; }
  .button-borderless.button-small {
    font-size：15.6px;
    身高：31.6px;
    行高：31.6px; }
  .button-borderless.button-tiny {
    font-size：12.48px;
    身高：28.48px;
    line-height：28.48px; }

/ *
*凸起的按钮
*
*经典的按钮提供
*深度和可靠性。
* /
.button-raised {
  border-color：＃e1e1e1;
  边框式：坚固;
  border-width：1px;
  行高：38px;
  background：-webkit-gradient（线性，左上，左下，从（＃f6f6f6）到（＃e1e1e1））;
  background：线性渐变（＃f6f6f6，＃e1e1e1）;
  -webkit-box-shadow：inset 0px 1px 0px rgba（255,255,255,0.3），0 1px 2px rgba（0,0,0,0.15）;
          box-shadow：inset 0px 1px 0px rgba（255,255,255,0.3），0 1px 2px rgba（0,0,0,0.15）; }
  .button-raised：hover，.button-raised：focus {
    background：-webkit-gradient（线性，左上，左下，从（白）到（gainboro））;
    背景：线性渐变（顶部，白色，gainboro）; }
  .button-raised：active，.button-raised.active，.button-raised.is-active {
    背景：#eeeeee;
    -webkit-box-shadow：inset 0px 1px 3px rgba（0,0,0,0.2），0px 1px 0px white;
            box-shadow：inset 0px 1px 3px rgba（0,0,0,0.2），0px 1px 0px white; }

/ *
*凸起的按钮颜色
*
*为凸起按钮创建颜色
* /
.button-raised.button-primary {
  border-color：＃088ef0;
  background：-webkit-gradient（线性，左上，左下，从（＃34a5f8）到（＃088ef0））;
  background：线性渐变（＃34a5f8，＃088ef0）; }
  .button-raised.button-primary：hover，.button-raised.button-primary：focus {
    background：-webkit-gradient（线性，左上，左下，从（＃42abf8）到（＃0888e6））;
    背景：线性渐变（顶部，＃42abf8，＃0888e6）; }
  .button-raised.button-primary：active，.button-raised.button-primary.active，.button-raised.button-primary.is-active {
    border-color：＃0880d7;
    背景：＃2798eb; }
.button-raised.button-plain {
  border-color：＃f2f2f2;
  background：-webkit-gradient（线性，左上，左下，从（白）到（＃f2f2f2））;
  background：线性渐变（白色，＃f2f2f2）; }
  .button-raised.button-plain：hover，.button-raised.button-plain：focus {
    background：-webkit-gradient（linear，left top，left bottom，from（white），to（#ededed））;
    background：线性渐变（顶部，白色，＃ededed）; }
  .button-raised.button-plain：active，.button-raised.button-plain.active，.button-raised.button-plain.is-active {
    border-color：＃e6e6e6;
    背景：白色; }
.button-raised.button-inverse {
  border-color：＃151515;
  background：-webkit-gradient（linear，left top，left bottom，from（＃2f2f2f），to（＃151515））;
  背景：线性梯度（＃2f2f2f，＃151515）; }
  .button-raised.button-inverse：hover，.button-raised.button-inverse：focus {
    background：-webkit-gradient（线性，左上，左下，从（＃363636）到（＃101010））;
    背景：线性渐变（顶部，＃363636，＃101010）; }
  .button-raised.button-inverse：active，.button-raised.button-inverse.active，.button-raised.button-inverse.is-active {
    border-color：＃090909;
    背景：＃222222; }
.button-raised.button-action {
  border-color：＃9ad824;
  background：-webkit-gradient（线性，左上，左下，从（＃afe24d）到（＃9ad824））;
  background：线性渐变（＃afe24d，＃9ad824）; }
  .button-raised.button-action：hover，.button-raised.button-action：focus {
    background：-webkit-gradient（线性，左上，左下，从（＃b5e45a）到（＃94cf22））;
    background：linear-gradient（top，＃b5e45a，＃94cf22）; }
  .button-raised.button-action：active，.button-raised.button-action.active，.button-raised.button-action.is-active {
    border-color：＃8bc220;
    背景：＃a1d243; }
.button-raised.button-highlight {
  border-color：＃fea502;
  background：-webkit-gradient（线性，左上，左下，从（＃feb734）到（＃fea502））;
  背景：线性渐变（＃feb734，＃fea502）; }
  .button-raised.button-highlight：hover，.button-raised.button-highlight：focus {
    background：-webkit-gradient（linear，left top，left bottom，from（＃febc44），to（＃f49f01））;
    background：线性渐变（top，＃febc44，＃f49f01）; }
  .button-raised.button-highlight：active，.button-raised.button-highlight.active，.button-raised.button-highlight.is-active {
    border-color：＃e59501;
    背景：＃f3ab26; }
.button-raised.button-caution {
  border-color：＃ff2939;
  background：-webkit-gradient（linear，left top，left bottom，from（＃ff5c69），to（＃ff2939））;
  background：线性渐变（＃ff5c69，＃ff2939）; }
  .button-raised.button-caution：hover，.button-raised.button-caution：focus {
    background：-webkit-gradient（linear，left top，left bottom，from（＃ff6c77），to（＃ff1f30））;
    background：线性渐变（top，＃ff6c77，＃ff1f30）; }
  .button-raised.button-caution：active，.button-raised.button-caution.active，.button-raised.button-caution.is-active {
    border-color：＃ff1022;
    背景：＃f64c59; }
.button-raised.button-royal {
  border-color：＃665ce6;
  background：-webkit-gradient（linear，left top，left bottom，from（＃9088ec），to（＃665ce6））;
  background：线性渐变（＃9088ec，＃665ce6）; }
  .button-raised.button-royal：hover，.button-raised.button-royal：focus {
    background：-webkit-gradient（线性，左上，左下，从（＃9c95ef）到（＃5e53e4））;
    背景：线性渐变（顶部，＃9c95ef，＃5e53e4）; }
  .button-raised.button-royal：active，.button-raised.button-royal.active，.button-raised.button-royal.is-active {
    border-color：＃5246e2;
    背景：＃827ae1; }

/ *
* 3D按钮
*
*这些按钮具有沉重的三维效果
*模仿a的视觉外观的风格
*真实生活按钮。
* /
.button-3d {
  位置：相对;
  顶部：0;
  -webkit-box-shadow：0 7px 0 #bbbbbb，0 8px 3px rgba（0,0,0,0.2）;
          box-shadow：0 7px 0 #bbbbbb，0 8px 3px rgba（0,0,0,0.2）; }
  .button-3d：hover，.button-3d：focus {
    -webkit-box-shadow：0 7px 0 #bbbbbb，0 8px 3px rgba（0,0,0,0.2）;
            box-shadow：0 7px 0 #bbbbbb，0 8px 3px rgba（0,0,0,0.2）; }
  .button-3d：active，.button-3d.active，.button-3d.is-active {
    上：5px;
    -webkit-transition-property：all;
            过渡财产：全部;
    -webkit-transition-duration：.15s;
            过渡期：.15s;
    -webkit-box-shadow：0 2px 0 #bbbbbb，0 3px 3px rgba（0,0,0,0.2）;
            box-shadow：0 2px 0 #bbbbbb，0 3px 3px rgba（0,0,0,0.2）; }

/ *
* 3D按钮颜色
*
*为按钮创建颜色
*（.button-primary，.button-secondary等）
* /
.button-3d.button-primary {
  -webkit-box-shadow：0 7px 0＃0880d7,0 8px 3px rgba（0,0,0,0.3）;
          box-shadow：0 7px 0＃0880d7,0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-primary：hover，.button-3d.button-primary：focus {
    -webkit-box-shadow：0 7px 0＃077ace，0 8px 3px rgba（0,0,0,0.3）;
            box-shadow：0 7px 0＃077ace，0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-primary：active，.button-3d.button-primary.active，.button-3d.button-primary.is-active {
    -webkit-box-shadow：0 2px 0＃0662a6,0 3px 3px rgba（0,0,0,0.2）;
            box-shadow：0 2px 0＃0662a6,0 3px 3px rgba（0,0,0,0.2）; }
.button-3d.button-plain {
  -webkit-box-shadow：0 7px 0＃e6e6e6,0 8px 3px rgba（0,0,0,0.3）;
          box-shadow：0 7px 0＃e6e6e6,0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-plain：hover，.button-3d.button-plain：focus {
    -webkit-box-shadow：0 7px 0＃e0e0e0,0 8px 3px rgba（0,0,0,0.3）;
            box-shadow：0 7px 0＃e0e0e0,0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-plain：active，.button-3d.button-plain.active，.button-3d.button-plain.is-active {
    -webkit-box-shadow：0 2px 0 #cccccc，0 3px 3px rgba（0,0,0,0.2）;
            box-shadow：0 2px 0 #cccccc，0 3px 3px rgba（0,0,0,0.2）; }
.button-3d.button-inverse {
  -webkit-box-shadow：0 7px 0＃090909,0 8px 3px rgba（0,0,0,0.3）;
          box-shadow：0 7px 0＃090909,0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-inverse：hover，.button-3d.button-inverse：focus {
    -webkit-box-shadow：0 7px 0＃030303,0 8px 3px rgba（0,0,0,0.3）;
            box-shadow：0 7px 0＃030303,0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-inverse：active，.button-3d.button-inverse.active，.button-3d.button-inverse.is-active {
    -webkit-box-shadow：0 2px 0 black，0 3px 3px rgba（0,0,0,0.2）;
            box-shadow：0 2px 0 black，0 3px 3px rgba（0,0,0,0.2）; }
.button-3d.button-action {
  -webkit-box-shadow：0 7px 0＃8bc220,0 8px 3px rgba（0,0,0,0.3）;
          box-shadow：0 7px 0＃8bc220,0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-action：hover，.button-3d.button-action：focus {
    -webkit-box-shadow：0 7px 0＃84b91f，0 8px 3px rgba（0,0,0,0.3）;
            box-shadow：0 7px 0＃84b91f，0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-action：active，.button-3d.button-action.active，.button-3d.button-action.is-active {
    -webkit-box-shadow：0 2px 0＃6b9619,0 3px 3px rgba（0,0,0,0.2）;
            box-shadow：0 2px 0＃6b9619,0 3px 3px rgba（0,0,0,0.2）; }
.button-3d.button-highlight {
  -webkit-box-shadow：0 7px 0＃e59501,0 8px 3px rgba（0,0,0,0.3）;
          box-shadow：0 7px 0＃e59501,0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-highlight：hover，.button-3d.button-highlight：focus {
    -webkit-box-shadow：0 7px 0＃db8e01,0 8px 3px rgba（0,0,0,0.3）;
            box-shadow：0 7px 0＃db8e01,0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-highlight：active，.button-3d.button-highlight.active，.button-3d.button-highlight.is-active {
    -webkit-box-shadow：0 2px 0＃b27401,0 3px 3px rgba（0,0,0,0.2）;
            box-shadow：0 2px 0＃b27401,0 3px 3px rgba（0,0,0,0.2）; }
.button-3d.button-caution {
  -webkit-box-shadow：0 7px 0＃ff1022,0 8px 3px rgba（0,0,0,0.3）;
          box-shadow：0 7px 0＃ff1022,0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-caution：hover，.button-3d.button-caution：focus {
    -webkit-box-shadow：0 7px 0＃ff0618,0 8px 3px rgba（0,0,0,0.3）;
            box-shadow：0 7px 0＃ff0618,0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-caution：active，.button-3d.button-caution.active，.button-3d.button-caution.is-active {
    -webkit-box-shadow：0 2px 0＃dc0010,0 3px 3px rgba（0,0,0,0.2）;
            box-shadow：0 2px 0＃dc0010,0 3px 3px rgba（0,0,0,0.2）; }
.button-3d.button-royal {
  -webkit-box-shadow：0 7px 0＃5246e2,0 8px 3px rgba（0,0,0,0.3）;
          box-shadow：0 7px 0＃5246e2,0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-royal：hover，.button-3d.button-royal：focus {
    -webkit-box-shadow：0 7px 0＃493de1,0 8px 3px rgba（0,0,0,0.3）;
            box-shadow：0 7px 0＃493de1,0 8px 3px rgba（0,0,0,0.3）; }
  .button-3d.button-royal：active，.button-3d.button-royal.active，.button-3d.button-royal.is-active {
    -webkit-box-shadow：0 2px 0＃2f21d4,0 3px 3px rgba（0,0,0,0.2）;
            box-shadow：0 2px 0＃2f21d4,0 3px 3px rgba（0,0,0,0.2）; }

/ *
*发光按钮
*
*出现像脉冲一样的脉冲
*在学术上围绕着边缘
* 一个按钮。
* /
/ *
* Compass用户的Glow动画mixin
*
* /
/ *
*发光的关键帧
*
* /
@ -webkit-keyframes glowing {
  来自{
    -webkit-box-shadow：0 0 0 rgba（44,154,219,0.3）;
            box-shadow：0 0 0 rgba（44,154,219,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（44,154,219,0.8）;
            box-shadow：0 0 20px rgba（44,154,219,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（44,154,219,0.3）;
            box-shadow：0 0 0 rgba（44,154,219,0.3）; }}
@keyframes发光{
  来自{
    -webkit-box-shadow：0 0 0 rgba（44,154,219,0.3）;
            box-shadow：0 0 0 rgba（44,154,219,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（44,154,219,0.8）;
            box-shadow：0 0 20px rgba（44,154,219,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（44,154,219,0.3）;
            box-shadow：0 0 0 rgba（44,154,219,0.3）; }}
/ *
*各种颜色的发光关键帧
*
* /
@ -webkit-keyframes glowing-primary {
  来自{
    -webkit-box-shadow：0 0 0 rgba（27,154,247,0.3）;
            box-shadow：0 0 0 rgba（27,154,247,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（27,154,247,0.8）;
            box-shadow：0 0 20px rgba（27,154,247,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（27,154,247,0.3）;
            box-shadow：0 0 0 rgba（27,154,247,0.3）; }}
@keyframes glowing-primary {
  来自{
    -webkit-box-shadow：0 0 0 rgba（27,154,247,0.3）;
            box-shadow：0 0 0 rgba（27,154,247,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（27,154,247,0.8）;
            box-shadow：0 0 20px rgba（27,154,247,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（27,154,247,0.3）;
            box-shadow：0 0 0 rgba（27,154,247,0.3）; }}
@ -webkit-keyframes glowing-plain {
  来自{
    -webkit-box-shadow：0 0 0 rgba（255,255,255,0.3）;
            box-shadow：0 0 0 rgba（255,255,255,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（255,255,255,0.8）;
            box-shadow：0 0 20px rgba（255,255,255,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（255,255,255,0.3）;
            box-shadow：0 0 0 rgba（255,255,255,0.3）; }}
@keyframes glowing-plain {
  来自{
    -webkit-box-shadow：0 0 0 rgba（255,255,255,0.3）;
            box-shadow：0 0 0 rgba（255,255,255,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（255,255,255,0.8）;
            box-shadow：0 0 20px rgba（255,255,255,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（255,255,255,0.3）;
            box-shadow：0 0 0 rgba（255,255,255,0.3）; }}
@ -webkit-keyframes glowing-inverse {
  来自{
    -webkit-box-shadow：0 0 0 rgba（34,34,34,0.3）;
            box-shadow：0 0 0 rgba（34,34,34,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（34,34,34,0.8）;
            box-shadow：0 0 20px rgba（34,34,34,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（34,34,34,0.3）;
            box-shadow：0 0 0 rgba（34,34,34,0.3）; }}
@keyframes glowing-inverse {
  来自{
    -webkit-box-shadow：0 0 0 rgba（34,34,34,0.3）;
            box-shadow：0 0 0 rgba（34,34,34,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（34,34,34,0.8）;
            box-shadow：0 0 20px rgba（34,34,34,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（34,34,34,0.3）;
            box-shadow：0 0 0 rgba（34,34,34,0.3）; }}
@ -webkit-keyframes glowing-action {
  来自{
    -webkit-box-shadow：0 0 0 rgba（165,222,55,0.3）;
            box-shadow：0 0 0 rgba（165,222,55,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（165,222,55,0.8）;
            box-shadow：0 0 20px rgba（165,222,55,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（165,222,55,0.3）;
            box-shadow：0 0 0 rgba（165,222,55,0.3）; }}
@keyframes glowing-action {
  来自{
    -webkit-box-shadow：0 0 0 rgba（165,222,55,0.3）;
            box-shadow：0 0 0 rgba（165,222,55,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（165,222,55,0.8）;
            box-shadow：0 0 20px rgba（165,222,55,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（165,222,55,0.3）;
            box-shadow：0 0 0 rgba（165,222,55,0.3）; }}
@ -webkit-keyframes glowing-highlight {
  来自{
    -webkit-box-shadow：0 0 0 rgba（254,174,27,0.3）;
            box-shadow：0 0 0 rgba（254,174,27,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（254,174,27,0.8）;
            box-shadow：0 0 20px rgba（254,174,27,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（254,174,27,0.3）;
            box-shadow：0 0 0 rgba（254,174,27,0.3）; }}
@keyframes glowing-highlight {
  来自{
    -webkit-box-shadow：0 0 0 rgba（254,174,27,0.3）;
            box-shadow：0 0 0 rgba（254,174,27,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（254,174,27,0.8）;
            box-shadow：0 0 20px rgba（254,174,27,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（254,174,27,0.3）;
            box-shadow：0 0 0 rgba（254,174,27,0.3）; }}
@ -webkit-keyframes glowing-caution {
  来自{
    -webkit-box-shadow：0 0 0 rgba（255,67,81,0.3）;
            box-shadow：0 0 0 rgba（255,67,81,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（255,67,81,0.8）;
            box-shadow：0 0 20px rgba（255,67,81,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（255,67,81,0.3）;
            box-shadow：0 0 0 rgba（255,67,81,0.3）; }}
@keyframes glow-caution {
  来自{
    -webkit-box-shadow：0 0 0 rgba（255,67,81,0.3）;
            box-shadow：0 0 0 rgba（255,67,81,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（255,67,81,0.8）;
            box-shadow：0 0 20px rgba（255,67,81,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（255,67,81,0.3）;
            box-shadow：0 0 0 rgba（255,67,81,0.3）; }}
@ -webkit-keyframes glowing-royal {
  来自{
    -webkit-box-shadow：0 0 0 rgba（123,114,233,0.3）;
            box-shadow：0 0 0 rgba（123,114,233,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（123,114,233,0.8）;
            box-shadow：0 0 20px rgba（123,114,233,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（123,114,233,0.3）;
            box-shadow：0 0 0 rgba（123,114,233,0.3）; }}
@keyframes glowing-royal {
  来自{
    -webkit-box-shadow：0 0 0 rgba（123,114,233,0.3）;
            box-shadow：0 0 0 rgba（123,114,233,0.3）; }
  50％{
    -webkit-box-shadow：0 0 20px rgba（123,114,233,0.8）;
            box-shadow：0 0 20px rgba（123,114,233,0.8）; }
  至 {
    -webkit-box-shadow：0 0 0 rgba（123,114,233,0.3）;
            box-shadow：0 0 0 rgba（123,114,233,0.3）; }}
/ *
*发光按钮基础眼镜
*
*出现像脉冲一样的脉冲
*在学术上围绕着边缘
* 一个按钮。
* /
.button-glow {
  -webkit-animation-duration：3s;
          动画持续时间：3s;
  -webkit-animation-iteration-count：无数;
          animation-iteration-count：无限;
  -webkit-animation-name：发光;
          动画名称：发光; }
  .button-glow：active，.button-glow.active，.button-glow.is-active {
    -webkit-animation-name：none;
            animation-name：none; }

/ *
*发光按钮颜色
*
*为发光按钮创建颜色
* /
.button-glow.button-primary {
  -webkit-animation-name：glowing-primary;
          animation-name：glowing-primary; }
.button-glow.button-plain {
  -webkit-animation-name：glowing-plain;
          动画名称：发光平原; }
.button-glow.button-inverse {
  -webkit-animation-name：glowing-inverse;
          动画名称：发光反转; }
.button-glow.button-action {
  -webkit-animation-name：glowing-action;
          动画名称：发光动作; }
.button-glow.button-highlight {
  -webkit-animation-name：glowing-highlight;
          动画名称：发光高光; }
.button-glow.button-caution {
  -webkit-animation-name：glow-caution;
          动画名称：发光谨慎; }
.button-glow.button-royal {
  -webkit-animation-name：glowing-royal;
          动画名称：发光皇室; }

/ *
*下拉菜单按钮
*
*出现一个下拉菜单
*按下按钮时
* /
/ *
*下拉容器
*
* /
.button-dropdown {
  位置：相对;
  溢出：可见;
  display：inline-block; }

/ *
*下拉列表样式
*
* /
.button-dropdown-list {
  display：none;
  位置：绝对;
  填充：0;
  保证金：0;
  顶部：0;
  左：0;
  z-index：1000;
  最小宽度：100％;
  list-style-type：none;
  background：rgba（255,255,255,0.95）;
  边框式：坚固;
  border-width：1px;
  border-color：＃d4d4d4;
  font-family：“Helvetica Neue Light”，“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，sans-serif;
  -webkit-box-shadow：0 2px 7px rgba（0,0,0,0.2）;
          box-shadow：0 2px 7px rgba（0,0,0,0.2）;
  border-radius：3px;
  -webkit-box-sizing：border-box;
     -moz-box-sizing：border-box;
          box-sizing：border-box;
  / *
  *下方下拉列表
  *
  * /
  / *
  *上面的下拉菜单
  *
  * /}
  .button-dropdown-list.is-below {
    顶部：100％;
    border-top：none;
    border-radius：0 0 3px 3px; }
  .button-dropdown-list.is-above {
    底部：100％;
    顶部：汽车;
    border-bottom：none;
    border-radius：3px 3px 0 0;
    -webkit-box-shadow：0 -2px 7px rgba（0,0,0,0.2）;
            box-shadow：0 -2px 7px rgba（0,0,0,0.2）; }

/ *
*下拉按钮
*
* /
.button-dropdown-list> li {
  填充：0;
  保证金：0;
  显示：块; }
  .button-dropdown-list> li> a {
    显示：块;
    line-height：40px;
    font-size：12.8px;
    填充：5px 10px;
    float：none;
    颜色：＃666;
    text-decoration：none; }
    .button-dropdown-list> li> a：hover {
      颜色：＃5e5e5e;
      背景：＃f6f6f6;
      text-decoration：none; }

.button-dropdown-divider {
  border-top：1px solid＃e6e6e6; }

/ *
*下拉颜色
*
*为按钮创建颜色
*（.button-primary，.button-secondary等）
* /
.button-dropdown.button-dropdown-primary .button-dropdown-list {
  背景：rgba（27,154,247,0.95）;
  border-color：＃0880d7; }
  .button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider {
    border-color：＃0888e6; }
  .button-dropdown.button-dropdown-primary .button-dropdown-list> li> a {
    颜色：#FFF; }
    .button-dropdown.button-dropdown-primary .button-dropdown-list> li> a：hover {
      颜色：＃f2f2f2;
      背景：＃088ef0; }
.button-dropdown.button-dropdown-plain .button-dropdown-list {
  background：rgba（255,255,255,0.95）;
  border-color：＃e6e6e6; }
  .button-dropdown.button-dropdown-plain .button-dropdown-list .button-dropdown-divider {
    border-color：#ededed; }
  .button-dropdown.button-dropdown-plain .button-dropdown-list> li> a {
    颜色：＃1B9AF7; }
    .button-dropdown.button-dropdown-plain .button-dropdown-list> li> a：hover {
      颜色：＃088ef0;
      背景：＃f2f2f2; }
.button-dropdown.button-dropdown-inverse .button-dropdown-list {
  背景：rgba（34,34,34,0.95）;
  border-color：＃090909; }
  .button-dropdown.button-dropdown-inverse .button-dropdown-list .button-dropdown-divider {
    border-color：＃101010; }
  .button-dropdown.button-dropdown-inverse .button-dropdown-list> li> a {
    颜色：#EEE; }
    .button-dropdown.button-dropdown-inverse .button-dropdown-list> li> a：hover {
      颜色：＃e1e1e1;
      背景：＃151515; }
.button-dropdown.button-dropdown-action .button-dropdown-list {
  背景：rgba（165,222,55,0.95）;
  border-color：＃8bc220; }
  .button-dropdown.button-dropdown-action .button-dropdown-list .button-dropdown-divider {
    border-color：＃94cf22; }
  .button-dropdown.button-dropdown-action .button-dropdown-list> li> a {
    颜色：#FFF; }
    .button-dropdown.button-dropdown-action .button-dropdown-list> li> a：hover {
      颜色：＃f2f2f2;
      背景：＃9ad824; }
.button-dropdown.button-dropdown-highlight .button-dropdown-list {
  背景：rgba（254,174,27,0.95）;
  border-color：＃e59501; }
  .button-dropdown.button-dropdown-highlight .button-dropdown-list .button-dropdown-divider {
    border-color：＃f49f01; }
  .button-dropdown.button-dropdown-highlight .button-dropdown-list> li> a {
    颜色：#FFF; }
    .button-dropdown.button-dropdown-highlight .button-dropdown-list> li> a：hover {
      颜色：＃f2f2f2;
      背景：＃fea502; }
.button-dropdown.button-dropdown-caution .button-dropdown-list {
  背景：rgba（255,67,81,0.95）;
  border-color：＃ff1022; }
  .button-dropdown.button-dropdown-caution .button-dropdown-list .button-dropdown-divider {
    border-color：＃ff1f30; }
  .button-dropdown.button-dropdown-caution .button-dropdown-list> li> a {
    颜色：#FFF; }
    .button-dropdown.button-dropdown-caution .button-dropdown-list> li> a：hover {
      颜色：＃f2f2f2;
      背景：＃ff2939; }
.button-dropdown.button-dropdown-royal .button-dropdown-list {
  背景：rgba（123,114,233,0.95）;
  border-color：＃5246e2; }
  .button-dropdown.button-dropdown-royal .button-dropdown-list .button-dropdown-divider {
    border-color：＃5e53e4; }
  .button-dropdown.button-dropdown-royal .button-dropdown-list> li> a {
    颜色：#FFF; }
    .button-dropdown.button-dropdown-royal .button-dropdown-list> li> a：hover {
      颜色：＃f2f2f2;
      背景：＃665ce6; }

/ *
* Buton团体
*
*一组相关按钮
*边对边显示
* /
.button-group {
  位置：相对;
  display：inline-block; }
  .button-group：在{之后
    内容：“”;
    显示：块;
    明确：两者; }
  .button-group .button，
  .button-group .button-dropdown {
    向左飘浮; }
    .button-group .button：not（：first-child）：not（：last-child），
    .button-group .button-dropdown：not（：first-child）：not（：last-child）{
      border-radius：0;
      border-right：none; }
    .button-group .button：first-child，
    .button-group .button-dropdown：first-child {
      border-top-right-radius：0;
      border-bottom-right-radius：0;
      border-right：none; }
    .button-group .button：last-child，
    .button-group .button-dropdown：last-child {
      border-top-left-radius：0;
      border-bottom-left-radius：0; }

/ *
*按钮包装
*
*环绕效果突出显示
*按钮和提供的形状
*微妙的视觉效果。
* /
.button-wrap {
  border：1px solid＃e3e3e3;
  display：inline-block;
  填充：9px;
  background：-webkit-gradient（线性，左上，左下，从（＃f2f2f2）到（#FFF））;
  background：线性渐变（＃f2f2f2，＃FFF）;
  border-radius：200px;
  -webkit-box-shadow：inset 0 1px 3px rgba（0,0,0,0.04）;
          box-shadow：inset 0 1px 3px rgba（0,0,0,0.04）; }

/ *
*长阴影按钮
*
*视觉效果为按钮文本添加平面阴影
* /
/ *
*长阴影功能
*
*循环$ length构建长阴影。默认向右
* /
/ *
* LONG SHADOW MIXIN
*
* /
/ *
*影子权利
*
* /
.button-longshadow，
.button-longshadow-right {
  溢出：隐藏; }
  .button-longshadow.button-伯，
  .button-longshadow-right.button-primary {
    45px 45px＃0880d7,46px 46px＃0880d7,47px 47px＃0880d7,48px 48px＃0880d7,49px 49px＃0880d7,50px 50px＃0880d7,51px 51px＃0880d7,52px 52px＃0880d7,53px 53px＃0880d7,54px 54px＃0880d7， 55px 55px＃0880d7,56px 56px＃0880d7,57px 57px＃0880d7,58px 58px＃0880d7,59px 59px＃0880d7,60px 60px＃0880d7,61px 61px＃0880d7,62px 62px＃0880d7,63px 63px＃0880d7,64px 64px＃0880d7， 65px 65px＃0880d7,66px 66px＃0880d7,67px 67px＃0880d7,68px 68px＃0880d7,69px 69px＃0880d7,70px 70px＃0880d7,71px 71px＃0880d7,72px 72px＃0880d7,73px 73px＃0880d7,74px 74px＃0880d7， 75px 75px＃0880d7,76px 76px＃0880d7,77px 77px＃0880d7,78px 78px＃0880d7,79px 79px＃0880d7,80px 80px＃0880d7,81px 81px＃0880d7,82px 82px＃0880d7,83px 83px＃0880d7,84px 84px＃0880d7， 85px 85px＃0880d7; } 49px 49px＃0880d7,50px 50px＃0880d7,51px 51px＃0880d7,52px 52px＃0880d7,53px 53px＃0880d7,54px 54px＃0880d7,55px 55px＃0880d7,56px 56px＃0880d7,57px 57px＃0880d7,58px 58px＃0880d7， 59px 59px＃0880d7,60px 60px＃0880d7,61px 61px＃0880d7,62px 62px＃0880d7,63px 63px＃0880d7,64px 64px＃0880d7,65px 65px＃0880d7,66px 66px＃0880d7,67px 67px＃0880d7,68px 68px＃0880d7， 69px 69px＃0880d7，70像素，70像素＃0880d7，71px 71px＃0880d7，72px 72px＃0880d7，73px 73px＃0880d7，74px 74px＃0880d7，960x75像素960x75像素＃0880d7，76px 76px＃0880d7，77px 77px＃0880d7，78px 78px＃0880d7， 79px 79px＃0880d7，80px 80px＃0880d7，81px 81px＃0880d7，82px 82px＃0880d7，83px 83px＃0880d7，84px 84px＃0880d7，85px 85px＃0880d7; } 49px 49px＃0880d7,50px 50px＃0880d7,51px 51px＃0880d7,52px 52px＃0880d7,53px 53px＃0880d7,54px 54px＃0880d7,55px 55px＃0880d7,56px 56px＃0880d7,57px 57px＃0880d7,58px 58px＃0880d7， 59px 59px＃0880d7,60px 60px＃0880d7,61px 61px＃0880d7,62px 62px＃0880d7,63px 63px＃0880d7,64px 64px＃0880d7,65px 65px＃0880d7,66px 66px＃0880d7,67px 67px＃0880d7,68px 68px＃0880d7， 69px 69px＃0880d7，70像素，70像素＃0880d7，71px 71px＃0880d7，72px 72px＃0880d7，73px 73px＃0880d7，74px 74px＃0880d7，960x75像素960x75像素＃0880d7，76px 76px＃0880d7，77px 77px＃0880d7，78px 78px＃0880d7， 79px 79px＃0880d7，80px 80px＃0880d7，81px 81px＃0880d7，82px 82px＃0880d7，83px 83px＃0880d7，84px 84px＃0880d7，85px 85px＃0880d7; } 57px 57px＃0880d7,58px 58px＃0880d7,59px 59px＃0880d7,60px 60px＃0880d7,61px 61px＃0880d7,62px 62px＃0880d7,63px 63px＃0880d7,64px 64px＃0880d7,65px 65px＃0880d7,66px 66px＃0880d7， 67px 67px＃0880d7,68px 68px＃0880d7,69px 69px＃0880d7,70px 70px＃0880d7,71px 71px＃0880d7,72px 72px＃0880d7,73px 73px＃0880d7,74px 74px＃0880d7,75px 75px＃0880d7,76px 76px＃0880d7， 77px 77px＃0880d7，78px 78px＃0880d7，79px 79px＃0880d7，80px 80px＃0880d7，81px 81px＃0880d7，82px 82px＃0880d7，83px 83px＃0880d7，84px 84px＃0880d7，85px 85px＃0880d7; } 57px 57px＃0880d7,58px 58px＃0880d7,59px 59px＃0880d7,60px 60px＃0880d7,61px 61px＃0880d7,62px 62px＃0880d7,63px 63px＃0880d7,64px 64px＃0880d7,65px 65px＃0880d7,66px 66px＃0880d7， 67px 67px＃0880d7,68px 68px＃0880d7,69px 69px＃0880d7,70px 70px＃0880d7,71px 71px＃0880d7,72px 72px＃0880d7,73px 73px＃0880d7,74px 74px＃0880d7,75px 75px＃0880d7,76px 76px＃0880d7， 77px 77px＃0880d7，78px 78px＃0880d7，79px 79px＃0880d7，80px 80px＃0880d7，81px 81px＃0880d7，82px 82px＃0880d7，83px 83px＃0880d7，84px 84px＃0880d7，85px 85px＃0880d7; } 73px 73px＃0880d7,74px 74px＃0880d7,75px 75px＃0880d7,76px 76px＃0880d7,77px 77px＃0880d7,78px 78px＃0880d7,79px 79px＃0880d7,80px 80px＃0880d7,81px 81px＃0880d7,82px 82px＃0880d7， 83px 83px＃0880d7,84px 84px＃0880d7,85px 85px＃0880d7; } 73px 73px＃0880d7,74px 74px＃0880d7,75px 75px＃0880d7,76px 76px＃0880d7,77px 77px＃0880d7,78px 78px＃0880d7,79px 79px＃0880d7,80px 80px＃0880d7,81px 81px＃0880d7,82px 82px＃0880d7， 83px 83px＃0880d7,84px 84px＃0880d7,85px 85px＃0880d7; }
    .button-longshadow.button-primary：active，.button-longshadow.button-primary.active，.button-longshadow.button-primary.is-active，
    .button-longshadow-right.button基色：活性，
    .button-longshadow-right.button-primary.active，
    .button-longshadow-right.button-primary.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }
  .button-longshadow.button平原，
  .button-longshadow-right.button-plain {
    45px 45px＃e6e6e6,46px 46px＃e6e6e6,47px 47px＃e6e6e6,48px 48px＃e6e6e6,49px 49px＃e6e6e6,50px 50px＃e6e6e6,51px 51px＃e6e6e6,52px 52px＃e6e6e6,53px 53px＃e6e6e6,54px 54px＃e6e6e6， 55px 55px＃e6e6e6,56px 56px＃e6e6e6,57px 57px＃e6e6e6,58px 58px＃e6e6e6,59px 59px＃e6e6e6,60px 60px＃e6e6e6,61px 61px＃e6e6e6,62px 62px＃e6e6e6,63px 63px＃e6e6e6,64px 64px＃e6e6e6， 65px 65px＃e6e6e6,66px 66px＃e6e6e6,67px 67px＃e6e6e6,68px 68px＃e6e6e6,69px 69px＃e6e6e6,70px 70px＃e6e6e6,71px 71px＃e6e6e6,72px 72px＃e6e6e6,73px 73px＃e6e6e6,74px 74px＃e6e6e6， 75px 75px＃e6e6e6,76px 76px＃e6e6e6,77px 77px＃e6e6e6,78px 78px＃e6e6e6,79px 79px＃e6e6e6,80px 80px＃e6e6e6,81px 81px＃e6e6e6,82px 82px＃e6e6e6,83px 83px＃e6e6e6,84px 84px＃e6e6e6， 85px 85px＃e6e6e6; } 49px 49px＃e6e6e6,50px 50px＃e6e6e6,51px 51px＃e6e6e6,52px 52px＃e6e6e6,53px 53px＃e6e6e6,54px 54px＃e6e6e6,55px 55px＃e6e6e6,56px 56px＃e6e6e6,57px 57px＃e6e6e6,58px 58px＃e6e6e6， 59px 59px＃e6e6e6,60px 60px＃e6e6e6,61px 61px＃e6e6e6,62px 62px＃e6e6e6,63px 63px＃e6e6e6,64px 64px＃e6e6e6,65px 65px＃e6e6e6,66px 66px＃e6e6e6,67px 67px＃e6e6e6,68px 68px＃e6e6e6， 69px 69px＃e6e6e6,70px 70px＃e6e6e6,71px 71px＃e6e6e6,72px 72px＃e6e6e6,73px 73px＃e6e6e6,74px 74px＃e6e6e6,75px 75px＃e6e6e6,76px 76px＃e6e6e6,77px 77px＃e6e6e6,78px 78px＃e6e6e6， 79px 79px＃e6e6e6,80px 80px＃e6e6e6,81px 81px＃e6e6e6,82px 82px＃e6e6e6,83px 83px＃e6e6e6,84px 84px＃e6e6e6,85px 85px＃e6e6e6; } 49px 49px＃e6e6e6,50px 50px＃e6e6e6,51px 51px＃e6e6e6,52px 52px＃e6e6e6,53px 53px＃e6e6e6,54px 54px＃e6e6e6,55px 55px＃e6e6e6,56px 56px＃e6e6e6,57px 57px＃e6e6e6,58px 58px＃e6e6e6， 59px 59px＃e6e6e6,60px 60px＃e6e6e6,61px 61px＃e6e6e6,62px 62px＃e6e6e6,63px 63px＃e6e6e6,64px 64px＃e6e6e6,65px 65px＃e6e6e6,66px 66px＃e6e6e6,67px 67px＃e6e6e6,68px 68px＃e6e6e6， 69px 69px＃e6e6e6,70px 70px＃e6e6e6,71px 71px＃e6e6e6,72px 72px＃e6e6e6,73px 73px＃e6e6e6,74px 74px＃e6e6e6,75px 75px＃e6e6e6,76px 76px＃e6e6e6,77px 77px＃e6e6e6,78px 78px＃e6e6e6， 79px 79px＃e6e6e6,80px 80px＃e6e6e6,81px 81px＃e6e6e6,82px 82px＃e6e6e6,83px 83px＃e6e6e6,84px 84px＃e6e6e6,85px 85px＃e6e6e6; } 57px 57px＃e6e6e6,58px 58px＃e6e6e6,59px 59px＃e6e6e6,60px 60px＃e6e6e6,61px 61px＃e6e6e6,62px 62px＃e6e6e6,63px 63px＃e6e6e6,64px 64px＃e6e6e6,65px 65px＃e6e6e6,66px 66px＃e6e6e6， 67px 67px＃e6e6e6,68px 68px＃e6e6e6,69px 69px＃e6e6e6,70px 70px＃e6e6e6,71px 71px＃e6e6e6,72px 72px＃e6e6e6,73px 73px＃e6e6e6,74px 74px＃e6e6e6,75px 75px＃e6e6e6,76px 76px＃e6e6e6， 77px 77px＃e6e6e6，78px 78px＃e6e6e6，79px 79px＃e6e6e6，80px 80px＃e6e6e6，81px 81px＃e6e6e6，82px 82px＃e6e6e6，83px 83px＃e6e6e6，84px 84px＃e6e6e6，85px 85px＃e6e6e6; } 57px 57px＃e6e6e6,58px 58px＃e6e6e6,59px 59px＃e6e6e6,60px 60px＃e6e6e6,61px 61px＃e6e6e6,62px 62px＃e6e6e6,63px 63px＃e6e6e6,64px 64px＃e6e6e6,65px 65px＃e6e6e6,66px 66px＃e6e6e6， 67px 67px＃e6e6e6,68px 68px＃e6e6e6,69px 69px＃e6e6e6,70px 70px＃e6e6e6,71px 71px＃e6e6e6,72px 72px＃e6e6e6,73px 73px＃e6e6e6,74px 74px＃e6e6e6,75px 75px＃e6e6e6,76px 76px＃e6e6e6， 77px 77px＃e6e6e6，78px 78px＃e6e6e6，79px 79px＃e6e6e6，80px 80px＃e6e6e6，81px 81px＃e6e6e6，82px 82px＃e6e6e6，83px 83px＃e6e6e6，84px 84px＃e6e6e6，85px 85px＃e6e6e6; } 73px 73px＃e6e6e6，74px 74px＃e6e6e6，960x75像素960x75像素＃e6e6e6，76px 76px＃e6e6e6，77px 77px＃e6e6e6，78px 78px＃e6e6e6，79px 79px＃e6e6e6，80px 80px＃e6e6e6，81px 81px＃e6e6e6，82px 82px＃e6e6e6， 83px 83px＃e6e6e6,84px 84px＃e6e6e6,85px 85px＃e6e6e6; } 73px 73px＃e6e6e6，74px 74px＃e6e6e6，960x75像素960x75像素＃e6e6e6，76px 76px＃e6e6e6，77px 77px＃e6e6e6，78px 78px＃e6e6e6，79px 79px＃e6e6e6，80px 80px＃e6e6e6，81px 81px＃e6e6e6，82px 82px＃e6e6e6， 83px 83px＃e6e6e6,84px 84px＃e6e6e6,85px 85px＃e6e6e6; }
    .button-longshadow.button-plain：active，.button-longshadow.button-plain.active，.button-longshadow.button-plain.is-active，
    .button-longshadow-right.button平原：活性，
    .button-longshadow-right.button-plain.active，
    .button-longshadow-right.button-plain.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }
  .button-longshadow.button逆，
  .button-longshadow-right.button-inverse {
    45px 45px＃090909,46px 46px＃090909,47px 47px＃090909,48px 48px＃090909,49px 49px＃090909,50px 50px＃090909,51px 51px＃090909,52px 52px＃090909,53px 53px＃090909,54px 54px＃090909， 55px 55px＃090909,56px 56px＃090909,57px 57px＃090909,58px 58px＃090909,59px 59px＃090909,60px 60px＃090909,61px 61px＃090909,62px 62px＃090909,63px 63px＃090909,64px 64px＃090909， 65px 65px＃090909,66px 66px＃090909,67px 67px＃090909,66px 68px＃090909,66px 69px＃090909,70px 70px＃090909,71px 71px＃090909,72px 72px＃090909,73px 73px＃090909,74px 74px＃090909， 75px 75px＃090909,76px 76px＃090909,77px 77px＃090909,78px 78px＃090909,79px 79px＃090909,80px 80px＃090909,81px 81px＃090909,82px 82px＃090909,83px 83px＃090909,84px 84px＃090909， 85px 85px＃090909; } 49px 49px＃090909,50px 50px＃090909,51px 51px＃090909,52px 52px＃090909,53px 53px＃090909,54px 54px＃090909,55px 55px＃090909,56px 56px＃090909,57px 57px＃090909,58px 58px＃090909， 59px 59px＃090909,60px 60px＃090909,61px 61px＃090909,62px 62px＃090909,63px 63px＃090909,64px 64px＃090909,65px 65px＃090909,66px 66px＃090909,67px 67px＃090909,68px 68px＃090909， 69px 69px＃090909,70px 70px＃090909,71px 71px＃090909,72px 72px＃090909,73px 73px＃090909,74px 74px＃090909,75px 75px＃090909,76px 76px＃090909,77px 77px＃090909,78px 78px＃090909， 79px 79px＃090909,80px 80px＃090909,81px 81px＃090909,82px 82px＃090909,83px 83px＃090909,84px 84px＃090909,85px 85px＃090909; } 49px 49px＃090909,50px 50px＃090909,51px 51px＃090909,52px 52px＃090909,53px 53px＃090909,54px 54px＃090909,55px 55px＃090909,56px 56px＃090909,57px 57px＃090909,58px 58px＃090909， 59px 59px＃090909,60px 60px＃090909,61px 61px＃090909,62px 62px＃090909,63px 63px＃090909,64px 64px＃090909,65px 65px＃090909,66px 66px＃090909,67px 67px＃090909,68px 68px＃090909， 69px 69px＃090909,70px 70px＃090909,71px 71px＃090909,72px 72px＃090909,73px 73px＃090909,74px 74px＃090909,75px 75px＃090909,76px 76px＃090909,77px 77px＃090909,78px 78px＃090909， 79px 79px＃090909,80px 80px＃090909,81px 81px＃090909,82px 82px＃090909,83px 83px＃090909,84px 84px＃090909,85px 85px＃090909; } 57px 57px＃090909，58px 58px＃090909，＃59px 59px 090909，＃60像素60像素090909，＃61px 61px 090909，＃62px 62px 090909，＃63px 63px 090909，＃64PX 64PX 090909，＃65px 65px 090909，66px 66px＃090909， 67px 67px＃090909，68px 68px＃090909，＃69px 69px 090909，＃70像素，70像素，090909，＃71px 71px 090909，＃72px 72px 090909，＃73px 73px 090909，＃74px 74px 090909，＃960x75像素960x75像素090909，76px 76px＃090909，平均分秒：77px 77px＃090909,78px 78px＃090909,79px 79px＃090909,80px 80px＃090909,81px 81px＃090909,82px 82px＃090909,83px 83px＃090909,84px 84px＃090909,85px 85px＃090909; } 57px 57px＃090909，58px 58px＃090909，＃59px 59px 090909，＃60像素60像素090909，＃61px 61px 090909，＃62px 62px 090909，＃63px 63px 090909，＃64PX 64PX 090909，＃65px 65px 090909，66px 66px＃090909， 67px 67px＃090909，68px 68px＃090909，＃69px 69px 090909，＃70像素，70像素，090909，＃71px 71px 090909，＃72px 72px 090909，＃73px 73px 090909，＃74px 74px 090909，＃960x75像素960x75像素090909，76px 76px＃090909，平均分秒：77px 77px＃090909,78px 78px＃090909,79px 79px＃090909,80px 80px＃090909,81px 81px＃090909,82px 82px＃090909,83px 83px＃090909,84px 84px＃090909,85px 85px＃090909; } 73px 73px＃090909，74px 74px＃090909，＃960x75像素960x75像素090909，＃76px 76px 090909，＃77px 77px 090909，＃78px 78px 090909，＃79px 79px 090909，＃80px 80px 090909，＃81px 81px 090909，82px 82px＃090909， 83px 83px＃090909,84px 84px＃090909,85px 85px＃090909; } 73px 73px＃090909，74px 74px＃090909，＃960x75像素960x75像素090909，＃76px 76px 090909，＃77px 77px 090909，＃78px 78px 090909，＃79px 79px 090909，＃80px 80px 090909，＃81px 81px 090909，82px 82px＃090909， 83px 83px＃090909,84px 84px＃090909,85px 85px＃090909; }
    .button-longshadow.button-inverse：active，.button-longshadow.button-inverse.active，.button-longshadow.button-inverse.is-active，
    .button-longshadow-right.button逆：活性，
    .button-longshadow-right.button-inverse.active，
    .button-longshadow-right.button-inverse.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }
  .button-longshadow.button行动，
  .button-longshadow-right.button-action {
    45像素×45像素＃8bc220，46px 46px＃8bc220，47px 47px＃8bc220，48像素48像素＃8bc220，49px 49px＃8bc220，50像素50像素＃8bc220，51px 51px＃8bc220，52px 52px＃8bc220，53px 53px＃8bc220，54px 54px＃8bc220， 55x55像素＃8bc220，56px 56px＃8bc220，57px 57px＃8bc220，58px 58px＃8bc220，59px 59px＃8bc220，60像素60像素＃8bc220，61px 61px＃8bc220，62px 62px＃8bc220，63px 63px＃8bc220，64PX 64PX＃8bc220， 65px 65px＃8bc220，66px 66px＃8bc220，67px 67px＃8bc220，68px 68px＃8bc220，69px 69px＃8bc220，70像素，70像素＃8bc220，71px 71px＃8bc220，72px 72px＃8bc220，73px 73px＃8bc220，74px 74px＃8bc220， 960x75像素960x75像素＃8bc220，76px 76px＃8bc220，77px 77px＃8bc220，78px 78px＃8bc220，79px 79px＃8bc220，80px 80px＃8bc220，81px 81px＃8bc220，82px 82px＃8bc220，83px 83px＃8bc220，84px 84px＃8bc220， 85px 85px＃8bc220; } 49px 49px＃8bc220，50像素50像素＃8bc220，51px 51px＃8bc220，52px 52px＃8bc220，53px 53px＃8bc220，54px 54px＃8bc220，55x55像素＃8bc220，56px 56px＃8bc220，57px 57px＃8bc220，58px 58px＃8bc220， 59px 59px＃8bc220，60像素60像素＃8bc220，61px 61px＃8bc220，62px 62px＃8bc220，63px 63px＃8bc220，64PX 64PX＃8bc220，65px 65px＃8bc220，66px 66px＃8bc220，67px 67px＃8bc220，68px 68px＃8bc220， 69px 69px＃8bc220，70像素，70像素＃8bc220，71px 71px＃8bc220，72px 72px＃8bc220，73px 73px＃8bc220，74px 74px＃8bc220，960x75像素960x75像素＃8bc220，76px 76px＃8bc220，77px 77px＃8bc220，78px 78px＃8bc220， 79px 79px＃8bc220,80px 80px＃8bc220,81px 81px＃8bc220,82px 82px＃8bc220,83px 83px＃8bc220,84px 84px＃8bc220,85px 85px＃8bc220; } 49px 49px＃8bc220，50像素50像素＃8bc220，51px 51px＃8bc220，52px 52px＃8bc220，53px 53px＃8bc220，54px 54px＃8bc220，55x55像素＃8bc220，56px 56px＃8bc220，57px 57px＃8bc220，58px 58px＃8bc220， 59px 59px＃8bc220，60像素60像素＃8bc220，61px 61px＃8bc220，62px 62px＃8bc220，63px 63px＃8bc220，64PX 64PX＃8bc220，65px 65px＃8bc220，66px 66px＃8bc220，67px 67px＃8bc220，68px 68px＃8bc220， 69px 69px＃8bc220，70像素，70像素＃8bc220，71px 71px＃8bc220，72px 72px＃8bc220，73px 73px＃8bc220，74px 74px＃8bc220，960x75像素960x75像素＃8bc220，76px 76px＃8bc220，77px 77px＃8bc220，78px 78px＃8bc220， 79px 79px＃8bc220,80px 80px＃8bc220,81px 81px＃8bc220,82px 82px＃8bc220,83px 83px＃8bc220,84px 84px＃8bc220,85px 85px＃8bc220; } 57px 57px＃8bc220，58px 58px＃8bc220，59px 59px＃8bc220，60像素60像素＃8bc220，61px 61px＃8bc220，62px 62px＃8bc220，63px 63px＃8bc220，64PX 64PX＃8bc220，65px 65px＃8bc220，66px 66px＃8bc220， 67px 67px＃8bc220，68px 68px＃8bc220，69px 69px＃8bc220，70像素，70像素＃8bc220，71px 71px＃8bc220，72px 72px＃8bc220，73px 73px＃8bc220，74px 74px＃8bc220，960x75像素960x75像素＃8bc220，76px 76px＃8bc220， 77px 77px＃8bc220，78px 78px＃8bc220，79px 79px＃8bc220，80px 80px＃8bc220，81px 81px＃8bc220，82px 82px＃8bc220，83px 83px＃8bc220，84px 84px＃8bc220，85px 85px＃8bc220; } 57px 57px＃8bc220，58px 58px＃8bc220，59px 59px＃8bc220，60像素60像素＃8bc220，61px 61px＃8bc220，62px 62px＃8bc220，63px 63px＃8bc220，64PX 64PX＃8bc220，65px 65px＃8bc220，66px 66px＃8bc220， 67px 67px＃8bc220，68px 68px＃8bc220，69px 69px＃8bc220，70像素，70像素＃8bc220，71px 71px＃8bc220，72px 72px＃8bc220，73px 73px＃8bc220，74px 74px＃8bc220，960x75像素960x75像素＃8bc220，76px 76px＃8bc220， 77px 77px＃8bc220，78px 78px＃8bc220，79px 79px＃8bc220，80px 80px＃8bc220，81px 81px＃8bc220，82px 82px＃8bc220，83px 83px＃8bc220，84px 84px＃8bc220，85px 85px＃8bc220; } 73px 73px＃8bc220，74px 74px＃8bc220，960x75像素960x75像素＃8bc220，76px 76px＃8bc220，77px 77px＃8bc220，78px 78px＃8bc220，79px 79px＃8bc220，80px 80px＃8bc220，81px 81px＃8bc220，82px 82px＃8bc220， 83px 83px＃8bc220,84px 84px＃8bc220,85px 85px＃8bc220; } 73px 73px＃8bc220，74px 74px＃8bc220，960x75像素960x75像素＃8bc220，76px 76px＃8bc220，77px 77px＃8bc220，78px 78px＃8bc220，79px 79px＃8bc220，80px 80px＃8bc220，81px 81px＃8bc220，82px 82px＃8bc220， 83px 83px＃8bc220,84px 84px＃8bc220,85px 85px＃8bc220; }
    .button-longshadow.button-action：active，.button-longshadow.button-action.active，.button-longshadow.button-action.is-active，
    .button-longshadow-right.button行动：积极，
    .button-longshadow-right.button-action.active，
    .button-longshadow-right.button-action.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }
  .button-longshadow.button高亮，
  .button-longshadow-right.button-highlight {
    45像素×45像素＃e59501，46px 46px＃e59501，47px 47px＃e59501，48像素48像素＃e59501，49px 49px＃e59501，50像素50像素＃e59501，51px 51px＃e59501，52px 52px＃e59501，53px 53px＃e59501，54px 54px＃e59501， 55x55像素＃e59501，56px 56px＃e59501，57px 57px＃e59501，58px 58px＃e59501，59px 59px＃e59501，60像素60像素＃e59501，61px 61px＃e59501，62px 62px＃e59501，63px 63px＃e59501，64PX 64PX＃e59501， 65px 65px＃e59501，66px 66px＃e59501，67px 67px＃e59501，68px 68px＃e59501，69px 69px＃e59501，70像素，70像素＃e59501，71px 71px＃e59501，72px 72px＃e59501，73px 73px＃e59501，74px 74px＃e59501， 960x75像素960x75像素＃e59501，76px 76px＃e59501，77px 77px＃e59501，78px 78px＃e59501，79px 79px＃e59501，80px 80px＃e59501，81px 81px＃e59501，82px 82px＃e59501，83px 83px＃e59501，84px 84px＃e59501， 85px 85px＃e59501; } 49px 49px＃e59501,50px 50px＃e59501,51px 51px＃e59501,52px 52px＃e59501,53px 53px＃e59501,54px 54px＃e59501,55px 55px＃e59501,56px 56px＃e59501,57px 57px＃e59501,58px 58px＃e59501， 59px 59px＃e59501,60px 60px＃e59501,61px 61px＃e59501,62px 62px＃e59501,63px 63px＃e59501,64px 64px＃e59501,65px 65px＃e59501,66px 66px＃e59501,67px 67px＃e59501,68px 68px＃e59501， 69px 69px＃e59501,70px 70px＃e59501,71px 71px＃e59501,72px 72px＃e59501,73px 73px＃e59501,74px 74px＃e59501,75px 75px＃e59501,76px 76px＃e59501,77px 77px＃e59501,78px 78px＃e59501， 79px 79px＃e59501,80px 80px＃e59501,81px 81px＃e59501,82px 82px＃e59501,83px 83px＃e59501,84px 84px＃e59501,85px 85px＃e59501; } 49px 49px＃e59501,50px 50px＃e59501,51px 51px＃e59501,52px 52px＃e59501,53px 53px＃e59501,54px 54px＃e59501,55px 55px＃e59501,56px 56px＃e59501,57px 57px＃e59501,58px 58px＃e59501， 59px 59px＃e59501,60px 60px＃e59501,61px 61px＃e59501,62px 62px＃e59501,63px 63px＃e59501,64px 64px＃e59501,65px 65px＃e59501,66px 66px＃e59501,67px 67px＃e59501,68px 68px＃e59501， 69px 69px＃e59501,70px 70px＃e59501,71px 71px＃e59501,72px 72px＃e59501,73px 73px＃e59501,74px 74px＃e59501,75px 75px＃e59501,76px 76px＃e59501,77px 77px＃e59501,78px 78px＃e59501， 79px 79px＃e59501,80px 80px＃e59501,81px 81px＃e59501,82px 82px＃e59501,83px 83px＃e59501,84px 84px＃e59501,85px 85px＃e59501; } 57px 57px＃e59501，58px 58px＃e59501，59px 59px＃e59501，60像素60像素＃e59501，61px 61px＃e59501，62px 62px＃e59501，63px 63px＃e59501，64PX 64PX＃e59501，65px 65px＃e59501，66px 66px＃e59501， 67px 67px＃e59501,68px 68px＃e59501,69px 69px＃e59501,70px 70px＃e59501,71px 71px＃e59501,72px 72px＃e59501,73px 73px＃e59501,74px 74px＃e59501,75px 75px＃e59501,76px 76px＃e59501， 77px 77px＃e59501，78px 78px＃e59501，79px 79px＃e59501，80px 80px＃e59501，81px 81px＃e59501，82px 82px＃e59501，83px 83px＃e59501，84px 84px＃e59501，85px 85px＃e59501; } 57px 57px＃e59501，58px 58px＃e59501，59px 59px＃e59501，60像素60像素＃e59501，61px 61px＃e59501，62px 62px＃e59501，63px 63px＃e59501，64PX 64PX＃e59501，65px 65px＃e59501，66px 66px＃e59501， 67px 67px＃e59501,68px 68px＃e59501,69px 69px＃e59501,70px 70px＃e59501,71px 71px＃e59501,72px 72px＃e59501,73px 73px＃e59501,74px 74px＃e59501,75px 75px＃e59501,76px 76px＃e59501， 77px 77px＃e59501，78px 78px＃e59501，79px 79px＃e59501，80px 80px＃e59501，81px 81px＃e59501，82px 82px＃e59501，83px 83px＃e59501，84px 84px＃e59501，85px 85px＃e59501; } 73px 73px＃e59501,74px 74px＃e59501,75px 75px＃e59501,76px 76px＃e59501,77px 77px＃e59501,78px 78px＃e59501,79px 79px＃e59501,80px 80px＃e59501,81px 81px＃e59501,82px 82px＃e59501， 83px 83px＃e59501,84px 84px＃e59501,85px 85px＃e59501; } 73px 73px＃e59501,74px 74px＃e59501,75px 75px＃e59501,76px 76px＃e59501,77px 77px＃e59501,78px 78px＃e59501,79px 79px＃e59501,80px 80px＃e59501,81px 81px＃e59501,82px 82px＃e59501， 83px 83px＃e59501,84px 84px＃e59501,85px 85px＃e59501; }
    .button-longshadow.button-highlight：active，.button-longshadow.button-highlight.active，.button-longshadow.button-highlight.is-active，
    .button-longshadow-right.button-亮点：积极，
    .button-longshadow-right.button-highlight.active，
    .button-longshadow-right.button-highlight.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }
  .button-longshadow.button-谨慎，
  .button-longshadow-right.button-caution {
    45px 45px＃ff1022,46px 46px＃ff1022,47px 47px＃ff1022,48px 48px＃ff1022,49px 49px＃ff1022,50px 50px＃ff1022,51px 51px＃ff1022,52px 52px＃ff1022,53px 53px＃ff1022,54px 54px＃ff1022， 55px 55px＃ff1022,56px 56px＃ff1022,57px 57px＃ff1022,58px 58px＃ff1022,59px 59px＃ff1022,60px 60px＃ff1022,61px 61px＃ff1022,62px 62px＃ff1022,63px 63px＃ff1022,64px 64px＃ff1022， 65px 65px＃ff1022,66px 66px＃ff1022,67px 67px＃ff1022,68px 68px＃ff1022,66px 69px＃ff1022,70px 70px＃ff1022,71px 71px＃ff1022,72px 72px＃ff1022,73px 73px＃ff1022,74px 74px＃ff1022， 75px 75px＃ff1022,76px 76px＃ff1022,77px 77px＃ff1022,78px 78px＃ff1022,79px 79px＃ff1022,80px 80px＃ff1022,81px 81px＃ff1022,82px 82px＃ff1022,83px 83px＃ff1022,84px 84px＃ff1022， 85px 85px＃ff1022; } 49px 49px＃ff1022,50px 50px＃ff1022,51px 51px＃ff1022,52px 52px＃ff1022,53px 53px＃ff1022,54px 54px＃ff1022,55px 55px＃ff1022,56px 56px＃ff1022,57px 57px＃ff1022,58px 58px＃ff1022， 59px 59px＃ff1022,60px 60px＃ff1022,61px 61px＃ff1022,62px 62px＃ff1022,63px 63px＃ff1022,64px 64px＃ff1022,65px 65px＃ff1022,66px 66px＃ff1022,67px 67px＃ff1022,68px 68px＃ff1022， 69px 69px＃ff1022,70px 70px＃ff1022,71px 71px＃ff1022,72px 72px＃ff1022,73px 73px＃ff1022,74px 74px＃ff1022,75px 75px＃ff1022,76px 76px＃ff1022,77px 77px＃ff1022,78px 78px＃ff1022， 79px 79px＃ff1022,80px 80px＃ff1022,81px 81px＃ff1022,82px 82px＃ff1022,83px 83px＃ff1022,84px 84px＃ff1022,85px 85px＃ff1022; } 49px 49px＃ff1022,50px 50px＃ff1022,51px 51px＃ff1022,52px 52px＃ff1022,53px 53px＃ff1022,54px 54px＃ff1022,55px 55px＃ff1022,56px 56px＃ff1022,57px 57px＃ff1022,58px 58px＃ff1022， 59px 59px＃ff1022,60px 60px＃ff1022,61px 61px＃ff1022,62px 62px＃ff1022,63px 63px＃ff1022,64px 64px＃ff1022,65px 65px＃ff1022,66px 66px＃ff1022,67px 67px＃ff1022,68px 68px＃ff1022， 69px 69px＃ff1022,70px 70px＃ff1022,71px 71px＃ff1022,72px 72px＃ff1022,73px 73px＃ff1022,74px 74px＃ff1022,75px 75px＃ff1022,76px 76px＃ff1022,77px 77px＃ff1022,78px 78px＃ff1022， 79px 79px＃ff1022,80px 80px＃ff1022,81px 81px＃ff1022,82px 82px＃ff1022,83px 83px＃ff1022,84px 84px＃ff1022,85px 85px＃ff1022; } 57px 57px＃ff1022,58px 58px＃ff1022,59px 59px＃ff1022,60px 60px＃ff1022,61px 61px＃ff1022,62px 62px＃ff1022,63px 63px＃ff1022,64px 64px＃ff1022,65px 65px＃ff1022,66px 66px＃ff1022， 67px 67px＃ff1022,68px 68px＃ff1022,66px 69px＃ff1022,70px 70px＃ff1022,71px 71px＃ff1022,72px 72px＃ff1022,73px 73px＃ff1022,74px 74px＃ff1022,75px 75px＃ff1022,76px 76px＃ff1022， 77px 77px＃ff1022,78px 78px＃ff1022,79px 79px＃ff1022,80px 80px＃ff1022,81px 81px＃ff1022,82px 82px＃ff1022,83px 83px＃ff1022,84px 84px＃ff1022,85px 85px＃ff1022; } 57px 57px＃ff1022,58px 58px＃ff1022,59px 59px＃ff1022,60px 60px＃ff1022,61px 61px＃ff1022,62px 62px＃ff1022,63px 63px＃ff1022,64px 64px＃ff1022,65px 65px＃ff1022,66px 66px＃ff1022， 67px 67px＃ff1022,68px 68px＃ff1022,66px 69px＃ff1022,70px 70px＃ff1022,71px 71px＃ff1022,72px 72px＃ff1022,73px 73px＃ff1022,74px 74px＃ff1022,75px 75px＃ff1022,76px 76px＃ff1022， 77px 77px＃ff1022,78px 78px＃ff1022,79px 79px＃ff1022,80px 80px＃ff1022,81px 81px＃ff1022,82px 82px＃ff1022,83px 83px＃ff1022,84px 84px＃ff1022,85px 85px＃ff1022; } 73px 73px＃ff1022,74px 74px＃ff1022,75px 75px＃ff1022,76px 76px＃ff1022,77px 77px＃ff1022,78px 78px＃ff1022,79px 79px＃ff1022,80px 80px＃ff1022,81px 81px＃ff1022,82px 82px＃ff1022， 83px 83px＃ff1022,84px 84px＃ff1022,85px 85px＃ff1022; } 73px 73px＃ff1022,74px 74px＃ff1022,75px 75px＃ff1022,76px 76px＃ff1022,77px 77px＃ff1022,78px 78px＃ff1022,79px 79px＃ff1022,80px 80px＃ff1022,81px 81px＃ff1022,82px 82px＃ff1022， 83px 83px＃ff1022,84px 84px＃ff1022,85px 85px＃ff1022; }
    .button-longshadow.button-caution：active，.button-longshadow.button-caution.active，.button-longshadow.button-caution.is-active，
    .button-longshadow-right.button-小心：活性，
    .button-longshadow-right.button-caution.active，
    .button-longshadow-right.button-caution.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }
  .button-longshadow.button王室，
  .button-longshadow-right.button-royal {
    text-shadow：0px 0px＃5246e2,1px 47px 47px＃5246e2,48px 48px＃5246e2,49px 49px＃5246e2,50px 50px＃5246e2,51px 51px＃5246e2,52px 52px＃5246e2,53px 53px＃5246e2,54px 54px＃5246e2,55px 55px＃5246e2,56px 56px＃5246e2， 57px 57px＃5246e2,58px 58px＃5246e2,59px 59px＃5246e2,60px 60px＃5246e2,61px 61px＃5246e2,62px 62px＃5246e2,63px 63px＃5246e2,64px 64px＃5246e2,65px 65px＃5246e2,66px 66px＃5246e2， 67px 67px＃5246e2,68px 68px＃5246e2,66px 69px＃5246e2,70px 70px＃5246e2,71px 71px＃5246e2,72px 72px＃5246e2,73px 73px＃5246e2,74px 74px＃5246e2,75px 75px＃5246e2,76px 76px＃5246e2， 77px 77px＃5246e2,78px 78px＃5246e2,79px 79px＃5246e2,80px 80px＃5246e2,81px 81px＃5246e2,82px 82px＃5246e2,83px 83px＃5246e2,84px 84px＃5246e2,85px 85px＃5246e2; } 53px 53px＃5246e2，54px 54px＃5246e2，55x55像素＃5246e2，56px 56px＃5246e2，57px 57px＃5246e2，58px 58px＃5246e2，59px 59px＃5246e2，60像素60像素＃5246e2，61px 61px＃5246e2，62px 62px＃5246e2， 63px 63px＃5246e2，64PX 64PX＃5246e2，65px 65px＃5246e2，66px 66px＃5246e2，67px 67px＃5246e2，68px 68px＃5246e2，69px 69px＃5246e2，70像素，70像素＃5246e2，71px 71px＃5246e2，72px 72px＃5246e2， 73px 73px＃5246e2，74px 74px＃5246e2，960x75像素960x75像素＃5246e2，76px 76px＃5246e2，77px 77px＃5246e2，78px 78px＃5246e2，79px 79px＃5246e2，80px 80px＃5246e2，81px 81px＃5246e2，82px 82px＃5246e2， 83px 83px＃5246e2,84px 84px＃5246e2,85px 85px＃5246e2; } 53px 53px＃5246e2，54px 54px＃5246e2，55x55像素＃5246e2，56px 56px＃5246e2，57px 57px＃5246e2，58px 58px＃5246e2，59px 59px＃5246e2，60像素60像素＃5246e2，61px 61px＃5246e2，62px 62px＃5246e2， 63px 63px＃5246e2，64PX 64PX＃5246e2，65px 65px＃5246e2，66px 66px＃5246e2，67px 67px＃5246e2，68px 68px＃5246e2，69px 69px＃5246e2，70像素，70像素＃5246e2，71px 71px＃5246e2，72px 72px＃5246e2， 73px 73px＃5246e2，74px 74px＃5246e2，960x75像素960x75像素＃5246e2，76px 76px＃5246e2，77px 77px＃5246e2，78px 78px＃5246e2，79px 79px＃5246e2，80px 80px＃5246e2，81px 81px＃5246e2，82px 82px＃5246e2， 83px 83px＃5246e2,84px 84px＃5246e2,85px 85px＃5246e2; } 65px 65px＃5246e2,66px 66px＃5246e2,67px 67px＃5246e2,68px 68px＃5246e2,66px 69px＃5246e2,70px 70px＃5246e2,71px 71px＃5246e2,72px 72px＃5246e2,73px 73px＃5246e2,74px 74px＃5246e2， 75px 75px＃5246e2,76px 76px＃5246e2,77px 77px＃5246e2,78px 78px＃5246e2,79px 79px＃5246e2,80px 80px＃5246e2,81px 81px＃5246e2,82px 82px＃5246e2,83px 83px＃5246e2,84px 84px＃5246e2， 85px 85px＃5246e2; } 65px 65px＃5246e2,66px 66px＃5246e2,67px 67px＃5246e2,68px 68px＃5246e2,66px 69px＃5246e2,70px 70px＃5246e2,71px 71px＃5246e2,72px 72px＃5246e2,73px 73px＃5246e2,74px 74px＃5246e2， 75px 75px＃5246e2,76px 76px＃5246e2,77px 77px＃5246e2,78px 78px＃5246e2,79px 79px＃5246e2,80px 80px＃5246e2,81px 81px＃5246e2,82px 82px＃5246e2,83px 83px＃5246e2,84px 84px＃5246e2， 85px 85px＃5246e2; }
    .button-longshadow.button-royal：active，.button-longshadow.button-royal.active，.button-longshadow.button-royal.is-active，
    .button-longshadow-right.button王室：积极，
    .button-longshadow-right.button-royal.active，
    .button-longshadow-right.button-royal.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }

/ *
*影子左
*
* /
.button-longshadow-left {
  溢出：隐藏; }
  .button-longshadow-left.button-primary {
    text-shadow：0px 0px＃0880d7，-1px 1px＃0880d7，-2px 2px＃0880d7,3px 3px＃0880d7,4px 4px＃0880d7,5px 5px＃0880d7,6px 6px＃0880d7，-7px 7px＃0880d7 ，-8px 8px＃0880d7，-9px 9px＃0880d7，-10px 10px＃0880d7，-11px 11px＃0880d7，-12px 12px＃0880d7，-13px 13px＃0880d7，-14px 14px＃0880d7，-15px 15px＃0880d7， - 16px 16px＃0880d7，-17px 17px＃0880d7，-18px 18px＃0880d7，-19px 19px＃0880d7，-20px 20px＃0880d7，-21px 21px＃0880d7，-22px 22px＃0880d7，-23px 23px＃0880d7，-24px 24px ＃0880d7，-25px 25px＃0880d7，-26px 26px＃0880d7，-27px 27px＃0880d7，-28px 28px＃0880d7，-29px 29px＃0880d7，-30px 30px＃0880d7，-31px 31px＃0880d7，-32px 32px＃0880d7 ，-33px 33px＃0880d7，-34px 34px＃0880d7，-35px 35px＃0880d7，-36px 36px＃0880d7，-37px 37px＃0880d7，-38px 38px＃0880d7，-39px 39px＃0880d7，-40px 40px＃0880d7， - 41px 41px＃0880d7，-42px 42px＃0880d7，-43px 43px＃0880d7，-44px 44px＃0880d7，-45px 45px＃0880d7，-46px 46px＃0880d7，-47px 47px＃0880d7，-48px 48px＃0880d7，-49px 49px＃0880d7，-50px 50px＃0880d7，-51px 51px＃0880d7，-52px 52px＃0880d7，-53px 53px＃0880d7，-54px 54px＃0880d7，-55px 55px＃0880d7，-56px 56px＃0880d7，-57px 57px＃0880d7，-58px 58px＃0880d7，-59px 59px＃ 0880d7，-60px 60像素＃0880d7，-61px 61px＃0880d7，-62px 62px＃0880d7，-63px 63px＃0880d7，-64px 64PX＃0880d7，-65px 65px＃0880d7，-66px 66px＃0880d7，-67px 67px＃0880d7， -68px 68px＃0880d7，-69px 69px＃0880d7，-70px 70px＃0880d7，-71px 71px＃0880d7，-72px 72px＃0880d7，-73px 73px＃0880d7，-74px 74px＃0880d7，-75px 75px＃0880d7，-76px 76px＃0880d7，-77px 77px＃0880d7，-78px 78px＃0880d7，-79px 79px＃0880d7，-80px 80px＃0880d7，-81px 81px＃0880d7，-82px 82px＃0880d7，-83px 83px＃0880d7，-84px 84px＃ 0880d7，-85px 85px＃0880d7;}
    .button-longshadow-left.button-primary：active，.button-longshadow-left.button-primary.active，.button-longshadow-left.button-primary.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }
  .button-longshadow-left.button-plain {
    文字阴影：0像素0像素＃e6e6e6，-1px 1px的＃e6e6e6，-2px 2px的＃e6e6e6，-3px的3px＃e6e6e6，-4px 4PX＃e6e6e6，-5px为5px＃e6e6e6，-6px 6像素＃e6e6e6，-7px 7px的＃e6e6e6 ，-8px 8px＃e6e6e6，-9px 9px＃e6e6e6，-10px 10px＃e6e6e6，-11px 11px＃e6e6e6，-12px 12px＃e6e6e6，-13px 13px＃e6e6e6，-14px 14px＃e6e6e6，-15px 15px＃e6e6e6， - 16px的16px的＃e6e6e6，-17px知识+＃e6e6e6，-18px部18px＃e6e6e6，-19px 19px＃e6e6e6，-20px 20像素＃e6e6e6，-21px 21px＃e6e6e6，-22px的22px＃e6e6e6，-23px 23像素＃e6e6e6，-24px 24px的＃e6e6e6，-25px 25px的＃e6e6e6，-26px 26px＃e6e6e6，-27px 27px＃e6e6e6，-28px 28px＃e6e6e6，-29px 29px＃e6e6e6，-30px 30PX＃e6e6e6，-31px 31px＃e6e6e6，-32px 32PX＃e6e6e6 ，-33px 33px＃e6e6e6，-34px 34px＃e6e6e6，-35px 35px＃e6e6e6，-36px 36px＃e6e6e6，-37px 37px＃e6e6e6，-38px 38px＃e6e6e6，-39px 39px＃e6e6e6，-40px 40px＃e6e6e6， - 41px 41px＃e6e6e6，-42px 42px＃e6e6e6，-43px 43px＃e6e6e6，-44px 44px＃e6e6e6，-45px×45像素＃e6e6e6，-46px 46px＃e6e6e6，-47px 47px＃e6e6e6，-48px 48像素＃e6e6e6，-49px 49px＃e6e6e6，-50px 50像素＃e6e6e6，-51px 51px＃e6e6e6，-52px 52px＃e6e6e6，-53px 53px＃e6e6e6，-54px 54px＃e6e6e6，-55px 55像素＃e6e6e6，-56px 56px＃e6e6e6，-57px 57px＃e6e6e6，-58px 58px＃e6e6e6，-59px 59px＃ e6e6e6，-60px 60px＃e6e6e6，-61px 61px＃e6e6e6，-62px 62px＃e6e6e6，-63px 63px＃e6e6e6，-64px 64px＃e6e6e6，-65px 65px＃e6e6e6，-66px 66px＃e6e6e6，-67px 67px＃e6e6e6， -68px 68px＃e6e6e6，-69px 69px＃e6e6e6，-70px 70像素＃e6e6e6，-71px 71px＃e6e6e6，-72px 72px＃e6e6e6，-73px 73px＃e6e6e6，-74px 74px＃e6e6e6，-75px 960x75像素＃e6e6e6，-76px 76px＃e6e6e6，-77px 77px＃e6e6e6，-78px 78px＃e6e6e6，-79px 79px＃e6e6e6，-80px 80px＃e6e6e6，-81px 81px＃e6e6e6，-82px 82px＃e6e6e6，-83px 83px＃e6e6e6，-84px 84px＃ e6e6e6，-85px 85px＃e6e6e6;}
    .button-longshadow-left.button-plain：active，.button-longshadow-left.button-plain.active，.button-longshadow-left.button-plain.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }
  .button-longshadow-left.button-inverse {
    text-shadow：0px 0px＃090909，-1px 1px＃090909，-2px 2px＃090909，-3px 3px＃090909，-4px 4px＃090909，-5px 5px＃090909，-6px 6px＃090909，-7px 7px＃090909 ，-8px 8px＃090909，-9px 9px＃090909，-10px 10px＃090909，-11px 11px＃090909，-12px 12px＃090909，-13px 13px＃090909，-14px 14px＃090909，-15px 15px＃090909， - 16px 16px＃090909，-17px 17px＃090909，-18px 18px＃090909，-19px 19px＃090909，-20px 20px＃090909，-21px 21px＃090909，-22px 22px＃090909，-23px 23px＃090909，-24px 24px ＃090909，-25px 25px＃090909，-26px 26px＃090909，-27px 27px＃090909，-28px 28px＃090909，-29px 29px＃090909，-30px 30px＃090909，-31px 31px＃090909，-32px 32px＃090909 ，-33px 33px＃090909，-34px 34px＃090909，-35px 35px＃090909，-36px 36px＃090909，-37px 37px＃090909，-38px 38px＃090909，-39px 39px＃090909，-40px 40px＃090909， - 41px 41px＃090909，-42px 42px＃090909，-43px 43px＃090909，-44px 44px＃090909，-45px 45px＃090909，-46px 46px＃090909，-47px 47px＃090909，-48px 48px＃090909，-49px 49px＃090909，-50px 50px＃090909，-51px 51px＃090909，-52px 52px＃090909，-53px 53px＃090909，-54px 54px＃090909，-55px 55px＃090909，-56px 56px＃090909，-57px 57px＃090909，-58px 58px＃090909，-59px 59px＃ 090909，-60px 60px＃090909，-61px 61px＃090909，-62px 62px＃090909，-63px 63px＃090909，-64px 64px＃090909，-65px 65px＃090909，-66px 66px＃090909，-67px 67px＃090909， -68px 68px＃090909，-69px 69px＃090909，-70px 70px＃090909，-71px 71px＃090909，-72px 72px＃090909，-73px 73px＃090909，-74px 74px＃090909，-75px 75px＃090909，-76px 76px＃090909，-77px 77px＃090909，-78px 78px＃090909，-79px 79px＃090909，-80px 80px＃090909，-81px 81px＃090909，-82px 82px＃090909，-83px 83px＃090909，-84px 84px＃ 090909，-85px 85px＃090909;}
    .button-longshadow-left.button-inverse：active，.button-longshadow-left.button-inverse.active，.button-longshadow-left.button-inverse.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }
  .button-longshadow-left.button-action {
    文字阴影：0像素0像素＃8bc220，-1px 1px的＃8bc220，-2px 2px的＃8bc220，-3px的3px＃8bc220，-4px 4PX＃8bc220，-5px为5px＃8bc220，-6px 6像素＃8bc220，-7px 7px的＃8bc220 ，-8px 8像素＃8bc220，-9px 9px＃8bc220，-10px 10px的＃8bc220，-11px 11像素＃8bc220，-12px 12px的＃8bc220，-13px 13像素＃8bc220，-14px 14px的＃8bc220，-15px 15px的＃8bc220， - 16px 16px＃8bc220，-17px 17px＃8bc220，-18px 18px＃8bc220，-19px 19px＃8bc220，-20px 20px＃8bc220，-21px 21px＃8bc220，-22px 22px＃8bc220，-23px 23px＃8bc220，-24px 24px ＃8bc220，-25px 25px＃8bc220，-26px 26px＃8bc220，-27px 27px＃8bc220，-28px 28px＃8bc220，-29px 29px＃8bc220，-30px 30px＃8bc220，-31px 31px＃8bc220，-32px 32px＃8bc220 ，-33px 33px＃8bc220，-34px 34px＃8bc220，-35px 35px＃8bc220，-36px 36px＃8bc220，-37px 37px＃8bc220，-38px 38px＃8bc220，-39px 39px＃8bc220，-40px 40px＃8bc220， - 41px 41px＃8bc220，-42px 42px＃8bc220，-43px 43px＃8bc220，-44px 44px＃8bc220，-45px 45px＃8bc220，-46px 46px＃8bc220，-47px 47px＃8bc220，-48px 48px＃8bc220，-49px 49px＃8bc220，-50px 50px＃8bc220，-51px 51px＃8bc220，-52px 52px＃8bc220，-53px 53px＃8bc220，-54px 54px＃8bc220，-55px 55px＃8bc220，-56px 56px＃8bc220，-57px 57px＃8bc220，-58px 58px＃8bc220，-59px 59px＃ 8bc220，-60px 60px＃8bc220，-61px 61px＃8bc220，-62px 62px＃8bc220，-63px 63px＃8bc220，-64px 64px＃8bc220，-65px 65px＃8bc220，-66px 66px＃8bc220，-67px 67px＃8bc220， -68px 68px＃8bc220，-69px 69px＃8bc220，-70px 70px＃8bc220，-71px 71px＃8bc220，-72px 72px＃8bc220，-73px 73px＃8bc220，-74px 74px＃8bc220，-75px 75px＃8bc220，-76px 76px＃8bc220，-77px 77px＃8bc220，-78px 78px＃8bc220，-79px 79px＃8bc220，-80px 80px＃8bc220，-81px 81px＃8bc220，-82px 82px＃8bc220，-83px 83px＃8bc220，-84px 84px＃ 8bc220，-85px 85px＃8bc220;}
    .button-longshadow-left.button-action：active，.button-longshadow-left.button-action.active，.button-longshadow-left.button-action.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }
  .button-longshadow-left.button-highlight {
    text-shadow：0px 0px＃e59501，-1px 1px＃e59501，-2px 2px＃e59501，-3px 3px＃e59501，-4px 4px＃e59501，-5px 5px＃e59501，-6px 6px＃e59501，-7px 7px＃e59501 ，-8px 8px＃e59501，-9px 9px＃e59501，-10px 10px＃e59501，-11px 11px＃e59501，-12px 12px＃e59501，-13px 13px＃e59501，-14px 14px＃e59501，-15px 15px＃e59501， - 16px 16px＃e59501，-17px 17px＃e59501，-18px 18px＃e59501，-19px 19px＃e59501，-20px 20px＃e59501，-21px 21px＃e59501，-22px 22px＃e59501，-23px 23px＃e59501，-24px 24px ＃e59501，-25px 25px＃e59501，-26px 26px＃e59501，-27px 27px＃e59501，-28px 28px＃e59501，-29px 29px＃e59501，-30px 30px＃e59501，-31px 31px＃e59501，-32px 32px＃e59501 ，-33px 33px＃e59501，-34px 34px＃e59501，-35px 35px＃e59501，-36px 36px＃e59501，-37px 37px＃e59501，-38px 38px＃e59501，-39px 39px＃e59501，-40px 40px＃e59501， - 41px 41px＃e59501，-42px 42px＃e59501，-43px 43px＃e59501，-44px 44px＃e59501，-45px 45px＃e59501，-46px 46px＃e59501，-47px 47px＃e59501，-48px 48px＃e59501，-49px 49px＃e59501，-50px 50px＃e59501，-51px 51px＃e59501，-52px 52px＃e59501，-53px 53px＃e59501，-54px 54px＃e59501，-55px 55px＃e59501，-56px 56px＃e59501，-57px 57px＃e59501，-58px 58px＃e59501，-59px 59px＃ e59501，-60px 60px＃e59501，-61px 61px＃e59501，-62px 62px＃e59501，-63px 63px＃e59501，-64px 64px＃e59501，-65px 65px＃e59501，-66px 66px＃e59501，-67px 67px＃e59501， -68px 68px＃e59501，-69px 69px＃e59501，-70px 70px＃e59501，-71px 71px＃e59501，-72px 72px＃e59501，-73px 73px＃e59501，-74px 74px＃e59501，-75px 75px＃e59501，-76px 76px＃e59501，-77px 77px＃e59501，-78px 78px＃e59501，-79px 79px＃e59501，-80px 80px＃e59501，-81px 81px＃e59501，-82px 82px＃e59501，-83px 83px＃e59501，-84px 84px＃ e59501，-85px 85px＃e59501;}
    .button-longshadow-left.button-highlight：active，.button-longshadow-left.button-highlight.active，.button-longshadow-left.button-highlight.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }
  .button-longshadow-left.button-caution {
    文字阴影：0像素0像素＃ff1022，-1px 1px的＃ff1022，-2px 2px的＃ff1022，-3px的3px＃ff1022，-4px 4PX＃ff1022，-5px为5px＃ff1022，-6px 6像素＃ff1022，-7px 7px的＃ff1022 ，-8px 8像素＃ff1022，-9px 9px＃ff1022，-10px 10px的＃ff1022，-11px 11像素＃ff1022，-12px 12px的＃ff1022，-13px 13像素＃ff1022，-14px 14px的＃ff1022，-15px 15px的＃ff1022， - 16px 16px＃ff1022，-17px 17px＃ff1022，-18px 18px＃ff1022，-19px 19px＃ff1022，-20px 20px＃ff1022，-21px 21px＃ff1022，-22px 22px＃ff1022，-23px 23px＃ff1022，-24px 24px ＃ff1022，-25px 25px＃ff1022，-26px 26px＃ff1022，-27px 27px＃ff1022，-28px 28px＃ff1022，-29px 29px＃ff1022，-30px 30px＃ff1022，-31px 31px＃ff1022，-32px 32px＃ff1022 ，-33px 33px＃ff1022，-34px 34像素＃ff1022，-35px 35px＃ff1022，-36px 36px＃ff1022，-37px 37px＃ff1022，-38px 38px＃ff1022，-39px 39px＃ff1022，-40px 40像素＃ff1022， - 41px 41px＃ff1022，-42px 42px＃ff1022，-43px 43px＃ff1022，-44px 44px＃ff1022，-45px 45px＃ff1022，-46px 46px＃ff1022，-47px 47px＃ff1022，-48px 48px＃ff1022，-49px 49px＃ff1022，-50px 50px＃ff1022，-51px 51px＃ff1022，-52px 52px＃ff1022，-53px 53px＃ff1022，-54px 54px＃ff1022，-55px 55px＃ff1022，-56px 56px＃ff1022，-57px 57px＃ff1022，-58px 58px＃ff1022，-59px 59px＃ ff1022，-60px 60px＃ff1022，-61px 61px＃ff1022，-62px 62px＃ff1022，-63px 63px＃ff1022，-64px 64px＃ff1022，-65px 65px＃ff1022，-66px 66px＃ff1022，-67px 67px＃ff1022， -68px 68px＃ff1022，-69px 69px＃ff1022，-70px 70px＃ff1022，-71px 71px＃ff1022，-72px 72px＃ff1022，-73px 73px＃ff1022，-74px 74px＃ff1022，-75px 75px＃ff1022，-76px 76px＃ff1022，-77px 77px＃ff1022，-78px 78px＃ff1022，-79px 79px＃ff1022，-80px 80px＃ff1022，-81px 81px＃ff1022，-82px 82px＃ff1022，-83px 83px＃ff1022，-84px 84px＃ ff1022，-85px 85px＃ff1022;}
    .button-longshadow-left.button-caution：active，.button-longshadow-left.button-caution.active，.button-longshadow-left.button-caution.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }
  .button-longshadow-left.button-royal {
    文本阴影：0px 0px＃5246e2，-1px 1px＃5246e2，-2px 2px＃5246e2,3px 3px＃5246e2,4px 4px＃5246e2,5px 5px＃5246e2,6px 6px＃5246e2，-7px 7px＃5246e2 ，-8px 8px＃5246e2，-9px 9px＃5246e2,10px 10px＃5246e2，-11px 11px＃5246e2，-12px 12px＃5246e2，-13px 13px＃5246e2，-14px 14px＃5246e2，-15px 15px＃5246e2， - 16px 16px＃5246e2，-17px 17px＃5246e2，-18px 18px＃5246e2，-19px 19px＃5246e2，-20px 20px＃5246e2，-21px 21px＃5246e2，-22px 22px＃5246e2，-23px 23px＃5246e2，-24px 24px ＃5246e2，-25px 25px＃5246e2，-26px 26px＃5246e2，-27px 27px＃5246e2，-28px 28px＃5246e2，-29px 29px＃5246e2，-30px 30px＃5246e2，-31px 31px＃5246e2，-32px 32px＃5246e2 ，-33px 33px＃5246e2，-34px 34px＃5246e2，-35px 35px＃5246e2，-36px 36px＃5246e2，-37px 37px＃5246e2，-38px 38px＃5246e2，-39px 39px＃5246e2，-40px 40px＃5246e2， - 41px 41px＃5246e2，-42px 42px＃5246e2，-43px 43px＃5246e2，-44px 44px＃5246e2，-45px 45px＃5246e2，-46px 46px＃5246e2，-47px 47px＃5246e2，-48px 48px＃5246e2，-49px 49px＃5246e2，-50px 50px＃5246e2，-51px 51px＃5246e2，-52px 52px＃5246e2，-53px 53px＃5246e2，-54px 54px＃5246e2，-55px 55px＃5246e2，-56px 56px＃5246e2，-57px 57px＃5246e2，-58px 58px＃5246e2，-59px 59px＃ 5246e2，-60px 60px＃5246e2，-61px 61px＃5246e2，-62px 62px＃5246e2，-63px 63px＃5246e2，-64px 64px＃5246e2，-65px 65px＃5246e2，-66px 66px＃5246e2，-67px 67px＃5246e2， -68px 68px＃5246e2，-69px 69px＃5246e2，-70px 70px＃5246e2，-71px 71px＃5246e2，-72px 72px＃5246e2，-73px 73px＃5246e2，-74px 74px＃5246e2，-75px 75px＃5246e2，-76px 76px＃5246e2，-77px 77px＃5246e2，-78px 78px＃5246e2，-79px 79px＃5246e2，-80px 80px＃5246e2，-81px 81px＃5246e2，-82px 82px＃5246e2，-83px 83px＃5246e2，-84px 84px＃ 5246e2，-85px 85px＃5246e2;}
    .button-longshadow-left.button-royal：active，.button-longshadow-left.button-royal.active，.button-longshadow-left.button-royal.is-active {
      text-shadow：0 1px 0 rgba（255,255,255,0.4）; }

/ *
*按钮尺寸
*
*此文件创建各种按钮大小
*（例如.button-large，.button-small等）
* /
.button-giant {
  font-size：28px;
  身高：70px;
  line-height：70px;
  填充：0 70px; }

.button-jumbo {
  font-size：24px;
  身高：60px;
  line-height：60px;
  填充：0 60px; }

.button-large {
  font-size：20px;
  身高：50px;
  line-height：50px;
  填充：0 50px; }

.button-normal {
  font-size：16px;
  身高：40px;
  line-height：40px;
  填充：0 40px; }

.button-small {
  font-size：12px;
  身高：30px;
  行高：30px;
  填充：0 30px; }

.button-tiny {
  font-size：9.6px;
  身高：24px;
  line-height：24px;
  填充：0 24px; }